Skip to main navigationSkip to main content
Return to Sky UI homepage

Shadow - React

View on FigmaView on GitHub
import { shadow } from '@sky-uk/ui-core';


shadow(1);
// returns
`0 6px 15px 0 rgba(0, 0, 0, 0.15)`;

Available Shadow Units

Shadow UnitValue
00
10 2px 8px 0 rgba(0,0,0,0.25)
20 6px 15px 0 rgba(0,0,0,0.15)
30 10px 15px 0 rgba(0,0,0,0.20)
4

0px 24px 38px rgba(0, 0, 0, 0.05),

0px 9px 46px rgba(0, 0, 0, 0.12),

0px 11px 15px rgba(0, 0, 0, 0.2)