UI Kit · Folio3ch Admin

Catálogo visual de los 26 componentes atómicos. Todos cumplen el contrato RHF + Zod del forms.md.

v0.14 colores3 fuentes

Colores de marca

4 tokens principales + escalas.

primary#2C3E50

secondary#34495E

light#F4EDE4

accent#DED0B6

3 familias: Poppins, Inter, Roboto.

Poppins 700 · Hero

Poppins 600 · Section title

Poppins 500 · Card title

Inter 400 · Body · Lorem ipsum dolor sit amet consectetur adipiscing elit.

Inter 500 · Label

Roboto 400 · Meta · Última actualización hace 2 días

Wrapper <Icon> unifica line weight, size y color.

Tamaños

Colores (via className)

Dentro de Button

Variantes

Tamaños

Estados

Controles con estado local para probar visualmente.

SearchBar

Input simple

MultiSelect

Combobox

Stepper