Mark

Highlights text for reference or notation purposes.

Usage

Use the Mark component to visually highlight parts of a text sentence or paragraph.

import { Mark } from "@elemnts-ui/react"

<Text>
	Make sure to <Mark>highlight</Mark> important terms in your text.
</Text>

Variants

Use the variant prop to change the styling of the highlighted text. The component supports primary, secondary, tertiary, and underline variants.

Palettes

Use the colorPalette prop to apply different color themes to the highlight.

API Reference

Prop	Type	Default
variant	`'primary' \| 'secondary' \| 'tertiary' \| 'underline'`	`'primary'`
as	`React.ElementType`	`undefined`
asChild	`boolean`	`undefined`