Components
Minimal set of reusable building blocks that extend the Semantic Styling.
Why do we need them?
Components provide reusable structure and presentation for common UI patterns that are not tied to a specific semantic state. They help keep layouts and repeated interface patterns consistent by offering shared building blocks such as containers, cards, and striped tables instead of re-creating the same styling in each feature.
Available Components
| Component | Description | Elements |
|---|---|---|
.card | Visual container with background, shadow, and optional header/footer | Any block element |
.container | Responsive width wrapper with horizontal padding | Any block element |
.striped | Alternating row background colors | <table> |