Componentes
La librería.
Hoy hay diecisiete piezas. Sin instalación — ver cómo funciona.
Accordion
Alto animado con grid-template-rows, no un alto en px medido por JS.
No, se copia el código.Alert
Mensaje de estado — fondo muy sutil + borde, no fondo tintado.
Atención
Tu sesión expira pronto.
Alert Dialog
Interrumpe para pedir una decisión explícita — no se cierra clickeando afuera.
Attachment
Archivo adjunto — riel de progreso en vez de spinner, botón de quitar solo en hover.
brief.pdf
2.4 MB
Avatar
Radio de 6px, no circular. Agrupado con solape y un +N que se calcula solo.
Badge
Etiqueta de estado — fondo tintado, no relleno sólido.
ActivoVencidoBreadcrumb
El separador se intercala solo y acepta cualquier ícono — no un enum cerrado.
Button
Primary, outline y ghost — tres variantes, tres tamaños.
Button Group
Une Button e Input en una pieza — el borde compartido se solapa, no se duplica.
Calendar
Celdas cuadradas, no círculos. Mes y año del encabezado, clickeables.
L M X J V S D Card
Hairline, no sombra — la misma separación que Attachment y Alert.
Obsidian
Plantilla premium
Doce secciones, modo oscuro nativo.
Chart
Envoltorio delgado sobre Recharts — tres colores curados, no ocho al azar.
Checkbox
Input nativo debajo, 4px de radio — el color solo aparece marcado.
Collapsible
Un trigger, un panel — la pieza suelta debajo de Accordion.
Next.js 15, Tailwind 3, TypeScript.Combobox
Buscador con acentos normalizados, selección simple o múltiple.
Obsidian- Obsidian
- Marfil
Dialog
Contenido libre — se cierra clickeando afuera, con Esc o con la ×.
Input
Mismas alturas que Button — borde plano, error vía aria-invalid.