Clavisco Design System

Tokens y componentes CSS para todas las apps Clavisco. Versión ….

Quick start

curl -fsSL https://cl-design-system.clavisco.com/styles/latest/tokens.css -o vendor/ds-styles/tokens.css
curl -fsSL https://cl-design-system.clavisco.com/styles/latest/components.css -o vendor/ds-styles/components.css

¿Sos un agente AI? Leé agents.md.

Comportamiento (JS)

El CSS define los estados (.is-active, .is-collapsed); tu app los alterna con unas pocas líneas de JavaScript. Los cuatro comportamientos estándar — tabs, banners descartables, autosubmit con debounce y header de objeto sticky — están listos para copiar en Recetas JS.

Vale para cualquier stack: Rails, static, npm. Guía completa en el README del repo.