Link

A navigation component that renders an interactive hyperlink for browser navigation.

The quick brown fox jumps over the lazy dog

For more information on how to customize text decorations visit Tailwind’s Text Decoration and Interaction States

Palette

Use the text-{color} class to control the component color. Refer to the Colors documentation to see all available color and shade options.

For more information on all available color utilities, visit Tailwind .

Link

Customizing

globals.css


:root {
  --ex-link-color: var(--color-primary);
  --ex-link-color-dark: var(--color-primary);
 
  --ex-link-font-family: var(--font-sans);
  --ex-link-font-weight: var(--font-weight-normal);
}

API

Element	Selector
`Link`	`.ex-link`

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