Tango UI

Mark

Displays a marker, marking a line or word.

Default

PreviewCode

This is a highlight marker.

Quick start, and easy use

Tango UI

components！

Color

PreviewCode

This is a highlight marker with padding and radius.

Use

prop 'color'

to change the marker color!

Props

Universal Props

Prop	Type	Values	Description	Default
beauty	boolean	boolean	Enable inner padding and border-radius for Mark tag	false
color	string	string	Custom highlight background color	#ffe28d
sx	object	object	Custom inline styles for Mark. Note: When using style prop, same CSS properties will override sx	{}
children	string	string	Content of the Mark component	-
className	string	-	Custom class name for Mark	-

On This Page

Mark

Props