Description

A typography component designed for secondary or descriptive prose with standard spacing and hierarchy.

Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do.

Sizes

Use the description-{size} class to control the component size.

Size values can include:smmdlgxl.

For more information on all available font size utilities, visit Tailwind

Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do.

Customizing

globals.css


:root {
  --ex-description-font-size-xs: var(--text-2xs);
  --ex-description-font-size-sm: var(--text-xs);
  --ex-description-font-size-md: var(--text-sm);
  --ex-description-font-size-lg: var(--text-base);
  --ex-description-font-size-xl: var(--text-lg);
  --ex-description-font-size-2xl: var(--text-xl);
 
  --ex-description-line-height-xs: var(--text-2xs-line-height);
  --ex-description-line-height-sm: var(--text-xs-line-height);
  --ex-description-line-height-md: var(--text-sm-line-height);
  --ex-description-line-height-lg: var(--text-base-line-height);
  --ex-description-line-height-xl: var(--text-lg-line-height);
  --ex-description-line-height-2xl: var(--text-xl-line-height);
 
  --ex-description-font-family-xs: var(--font-sans);
  --ex-description-font-family-sm: var(--font-sans);
  --ex-description-font-family-md: var(--font-sans);
  --ex-description-font-family-lg: var(--font-sans);
  --ex-description-font-family-xl: var(--font-sans);
  --ex-description-font-family-2xl: var(--font-sans);
 
  --ex-description-font-weight-xs: var(--font-weight-normal);
  --ex-description-font-weight-sm: var(--font-weight-normal);
  --ex-description-font-weight-md: var(--font-weight-normal);
  --ex-description-font-weight-lg: var(--font-weight-normal);
  --ex-description-font-weight-xl: var(--font-weight-normal);
  --ex-description-font-weight-2xl: var(--font-weight-normal);
}

API

Element	Selector
`Description`	`.ex-description`

Prop	Type	Default
`as`	`ElementType`	`p`
`asChild`	`boolean`	`false`