Components
Latty components are Lit-based Web Components that consume --lt-* design tokens. They work natively in HTML, Vue, and Svelte, and ship with thin React wrappers in @latty-ds/react. Every component follows the same prop naming rules so you never have to guess — if you know one component you know them all.
Prop naming conventions
Each prop name has exactly one meaning across the entire system. The table below is the canonical reference.
Boolean prop conventions
A boolean attribute is true when present and false when absent — consistent with how HTML boolean attributes work (disabled, required, etc.).
Positive adjective or noun — use when the feature is off by default and the attribute enables it:
disabled, loading, closable, striped, bordered,
tooltip.
no- prefix
— use when the feature is on by default and the attribute suppresses it: no-close-button,
no-marker.
Never verb phrases — hideCloseButton, showTooltip, withIcon
are banned. They force the reader to reason about polarity instead of just checking presence.