Component Classes - Elements Manual

Every class in the component and layout stylesheets, grouped by the family its name belongs to. See elements man style/components for what each family does and elements man style/layout for the composition primitives.

app

.app, .app-main

button

.button, .button-group

callout

.callout, .callout-body, .callout-title

card

.card, .card-body, .card-foot, .card-head

email

.email, .email-footer, .email-wrap

is

.is-2xl, .is-accent, .is-active, .is-bare, .is-baseline, .is-block, .is-celebrate, .is-copied, .is-danger, .is-end, .is-error, .is-form, .is-full, .is-ghost, .is-grid, .is-hero, .is-icon, .is-info, .is-lg, .is-loading, .is-marketing, .is-md, .is-narrow, .is-ok, .is-primary, .is-prose, .is-sm, .is-soft, .is-start, .is-stretch, .is-strong, .is-success, .is-vertical, .is-warning, .is-wide, .is-xl, .is-xs

line

.line-clamp-1, .line-clamp-2, .line-clamp-3, .line-clamp-4, .line-clamp-5, .line-clamp-6

link

.link-action, .link-muted, .link-prose

page

.page-hero, .page-shell

pill

.pill, .pill-dot

tab

.tab, .tab-list, .tab-panel

text

.text-balance, .text-pretty

Other

.caption, .center, .cli, .cluster, .copy, .default, .display, .divider, .done, .error, .eyebrow, .field, .has-sidebar, .head, .helper, .hint, .lede, .path, .prose, .row, .section, .stack, .tabs, .terminal, .token-row, .truncate