Components
45 components, documented straight from the library's Custom Elements Manifest — the tables on every page are generated from the same source the build verifies.
<c-accordion><c-alert>A persistent, in-flow status message: a tinted box whose type carries a status family's colours through the icon, heading and accent edge, while the body copy stays neutral.
<c-autocomplete>A filterable value-selection component: a readonly value field that opens a popover panel with a search input above the matching options.
<c-badge><c-button>Buttons trigger actions — submitting a form, opening a modal, confirming a choice.
<c-button-group>A button group is a segmented control: a compact group of choices rendered as plain `c-button` children, where activating a button takes effect immediately (switching a view, picking a billing period).
<c-card><c-checkbox>A form control for a single on/off choice: a native checkbox with a label, an optional hint, and validation messaging.
<c-csc-logo><c-data-table><c-divider><c-icon><c-icon-button><c-input><c-link>Basic hyperlink component
<c-list><c-loader>A loader component that fills the nearest containing element that has css-property position set to 'relative'
<c-login-buttons><c-login-card><c-main>Wrapper component for the whole page
<c-menu><c-message><c-modal>Modals interrupt the page for a task that must be completed (or explicitly cancelled) before continuing — confirmations, short forms, destructive-action warnings.
<c-navigation-button><c-otp-input><c-page><c-pagination><c-popover>A click-opened, non-modal surface anchored to its trigger, floating in the top layer; its content may be interactive.
<c-progress-bar>A horizontal progress bar that fills a track to a known completion percentage, with an optional details line showing the value and a label.
<c-progress-circle>A circular progress indicator that draws a known completion percentage as an arc around a track — the circular counterpart of `c-progress-bar`.
<c-radio-group>A radio group is a set of mutually exclusive choices where exactly one can be selected, authored as slotted `c-radio` children.
<c-select><c-side-navigation><c-slider><c-spinner>A circular indeterminate activity indicator — pure motion with no value, for waits of unknown duration.
<c-status><c-steps><c-switch>A toggle for a binary setting that takes effect immediately: a native switch control with a label, an optional hint, and validation messaging.
<c-table>A styled wrapper for a table you author yourself: slot in a plain `<table>` and c-table gives it the CSC look plus an optional responsive card layout on narrow screens.
<c-tabs><c-tags><c-text-field><c-toasts>Toasts are passive, transient notifications — operation results, background progress — stacked and managed by a single `c-toasts` container via its `addToast` / `removeToast` methods.
<c-toolbar><c-tooltip>A non-interactive text hint shown when its trigger is hovered or keyboard-focused, floating in the top layer on the inverted surface tier.