All components
Mark
Inline text highlights with subtle, solid, and text-decoration treatments.
Styles are compiled
Variants
Styles are compiledsubtle
Styles are compiledsolid
Styles are compiledtext
Styles are compiledplain
Install
zsh — mark
1bunx stylexblocks add markUsage — Base UI
mark.tsx
123456789101112import { Mark } from "#components/ui/base-ui/mark.tsx";
export function Example() { return ( <p> {/* the variant prop resolves through the StyleX recipe and is exposed as a data-variant attribute */} Styles are <Mark variant="subtle">compiled at build time</Mark> and shipped as <Mark variant="text">static CSS</Mark>. </p> );}