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.

Gem para Rails

Apps Rails que quieran ViewComponents, helpers y controllers de Stimulus además del CSS pueden usar el gem clavisco-ds (ambos caminos producen el mismo HTML):

# Gemfile
gem "clavisco-ds", github: "ClavisCo/cl_design_system", tag: "v3.4.0"

# luego
bin/rails g clavisco:install

<%= render Cl::Button.new(label: "Guardar", variant: :primary) %>
<%= cl_money(42_873_540.5) %>  <%# ₡42,873,540.50 %>

Incluye ViewComponents (Cl::Button, Cl::Card, Cl::Badge, Cl::Table, Cl::Stat, …), helpers locale-aware (cl_money, cl_date, cl_icon, cl_html_attrs) y controllers de Stimulus (tabs, sticky header, flash, autosubmit). Guía completa en el README del repo.