Nectar UI

Design System Playground & Quality Assurance

1. Buttons

Atomic interactions & variants

Variants

Sizes & Icons

States & Physics

2. Inputs

Data entry & validation states

Basic States

Compositions

Verifica que las alturas coincidan (h-10)

Este será el nombre público.

3. Selects

Selection controls & dropdown menus

Basic Usage

Alignment & Grouping

QA: El Select y el Input deben tener exactamente la misma altura (h-10).

4. Sheets (Drawers)

Overlay panels for complex actions

Edit Profile Context

Mobile Menu (Left)