Mark

Renders a <mark> element with a customizable background color (default: Neo Green at 20% opacity). Use for search term highlighting or to draw attention to key phrases.

Usage

import { Mark } from "nosible-ux"

export default function Example() {
  return (
    <p>Signal confidence of <Mark>92%</Mark> exceeds the alert threshold.</p>
  )
}

Examples

Search highlight

Accessibility

<mark> is the semantic HTML element for highlighted/relevant text. Screen readers may announce it depending on browser. Include surrounding context so the highlighted text is meaningful.

Props