Mark

Mark annotates text with various visual styles: translucent highlight, underline, circle outline, or solid fill.

Basic Usage

This has a marked word in it.

import { Mark } from "@paramanu/typography-react"

export default function App() {
return <p>This has a <Mark>marked word</Mark> in it.</p>
}

<p>This has a <mark class="pm-mark pm-mark--default">marked word</mark> in it.</p>

Renders as a <mark> element. Screen readers may announce the content as marked or highlighted.

Prop	Type	Default	Description
`variant`	`"default" \| "underline" \| "circle" \| "filled"`	`"default"`	Visual variant
`color`	`"yellow" \| "primary" \| "danger" \| "success" \| "info"`	—	Color