Orali

Buscar

Buscá páginas y tokens del sistema de diseño.

Drawer

Panel lateral derecho.

Configuración

El componente real, en vivo.

Drawer

Props open, onClose, title, count y closeLabel.

Interactivo

Abrilo y cerralo con Escape.

Tokens

Los tokens globales que usa el CSS real del componente.
TokenValor
70
rgba(0, 0, 0, 0.6)
300ms
cubic-bezier(0.4, 0, 0.2, 1)
224px
#ffffff
0px 25px 50px -12px rgba(0, 0, 0, 0.25)
64px
20px
1px
#e4e4e4
8px
18px
28px
600
#1a1a1a
12px
16px