Mark

Highlight part of the text
Import

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>

Change color

Highlight this chunk of the text
Color
<Text>
Highlight <Mark />this chunk</Mark> of the text
</Text>
Build fully functional accessible web applications with ease
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
Leave feedback