Return to Sky UI homepage

Shadow

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

  • 0 = 0
  • 1 = 0 2px 8px 0 rgba(0,0,0,0.25)
  • 2 = 0 6px 15px 0 rgba(0,0,0,0.15)
  • 3 = 0 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)