Mark

Highlight part of the text

Import

Source

Docs

Package

Usage

Use Mark to highlight part of the text with theme.colors:

Thanks for stopping by and checking out Mantine, you are awesome!

<Text>
  Thanks for stopping by and checking out <Mark>Mantine</Mark>, you are awesome!
</Text>

It is used in other Mantine components, for example, in Highlight:

Highlight this and also that

<Highlight highlight={['this', 'that']}>Highlight this and also that</Highlight>

Highlight this chunk of the text

Color

<Text>
  Highlight <Mark />this chunk</Mark> of the text
</Text>

Build fully functional accessible web applications faster than ever

Project

Community

Feedback

Your feedback is most valuable contribution to the project, please share how you use Mantine, what features are missing and what is done good