Box Shadow

There are plenty of shadows available, see our theme index.ts file for all the available values.

import { Box } from '@marvelapp/ui';

Card Example

<Box boxShadow="card.default"></Box>
<Box boxShadow="card.defaultDarker"></Box>
<Box boxShadow="card.selected"></Box>
<Box boxShadow="card.raised"></Box>

Popover Example

<Box boxShadow="popover.default"></Box>
<Box boxShadow="popover.raised"></Box>

Creating a new shadow

Edit the shadows array in our theme index.ts file

Props

See Box for all the available properties.