Highlight part of the text


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

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

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
Highlight <Mark />this chunk</Mark> of the text
Build fully functional accessible web applications faster than ever
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