FieldToken
CoreDisplay field types with consistent glyphs and optional labels for strings, numbers, dates, IP addresses, and geographic data.
Control the semantic document hierarchy independently from the visual typography hierarchy.
bun add @reopt-ai/opt-uiimport { Heading } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
[data-opt-component="heading"][data-opt-part="root"]--opt-text-heading-1-size--opt-text-heading-2-size--opt-text-display-1-sizeVerify heading and display styles independently from semantic heading levels.
responsive
Display field types with consistent glyphs and optional labels for strings, numbers, dates, IP addresses, and geographic data.
Filter by field values while reading their counts and distribution bars. Show top values first and collapse the long tail.
Read and edit conditions as sentences for alert rules and segment filters that need to be easy to verify.
Measure text in its actual font and available width to truncate the start, middle, or both ends while preserving the full accessible text.
Mark matching search terms with semantic mark elements, matching longer terms first to avoid fragmented overlaps.
Announce live updates to screen readers with throttled summaries and alternating nodes that can repeat identical messages.