Pattern · Lumina

Control Center

Popover denso com toggles e sliders rápidos. Inspirado no Control Center do macOS: a maioria das ações ficam a um clique no header, sem entrar em settings.

Preview

Receita

Popover com bg/80 + backdrop-blur-xl + border-0 + shadow-xl. Grid 2x2 de tiles + sliders/switches em cards.

TSX

Tile (sub-componente)

TSX

Tokens

Largura: w-[320px].
Background: bg-popover/80 + backdrop-blur-xl.
Raio: rounded-2xl (16 px, generoso).
Sem border. Sombra shadow-xl entrega a profundidade.
Hover scale: 1.02, active 0.98 nos tiles.