---
id: shadow-props
title: Shadow Props
category: APIs
permalink: docs/shadow-props.html
---
<div><noscript></noscript><h3><a class="anchor" name="props"></a>Props <a class="hash-link" href="docs/shadow-props.html#props">#</a></h3><div class="props"><div class="prop"><h4 class="propTitle"><a class="anchor" name="shadowcolor"></a><span class="platform">ios</span>shadowColor?: <span class="propType"><a href="docs/colors.html">color</a></span> <a class="hash-link" href="docs/shadow-props.html#shadowcolor">#</a></h4><div><p>Sets the drop shadow color</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="shadowoffset"></a><span class="platform">ios</span>shadowOffset?: <span class="propType"><span>{<span><span><span>width: number</span>, </span><span>height: number</span></span>}</span></span> <a class="hash-link" href="docs/shadow-props.html#shadowoffset">#</a></h4><div><p>Sets the drop shadow offset</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="shadowopacity"></a><span class="platform">ios</span>shadowOpacity?: <span class="propType">number</span> <a class="hash-link" href="docs/shadow-props.html#shadowopacity">#</a></h4><div><p>Sets the drop shadow opacity (multiplied by the color's alpha component)</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="shadowradius"></a><span class="platform">ios</span>shadowRadius?: <span class="propType">number</span> <a class="hash-link" href="docs/shadow-props.html#shadowradius">#</a></h4><div><p>Sets the drop shadow blur radius</p></div></div></div></div>