ContextQMD
Back to Chakra Ui

Mark

apps/www/content/docs/components/mark.mdx

0.3.0-beta362 B
Original Source
<ExampleTabs name="mark-basic" />

Usage

js
import { Mark } from "@chakra-ui/react"
jsx
<Text>
  The <Mark>design system</Mark> is a collection of UI elements
</Text>

Examples

Variants

Use the variant prop to change the color of the mark.

<Example name="mark-with-variants" />

Props

<PropTable component="Mark" part="Mark" />