# Component Classes 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`