Term
interactiveInline definition tooltip that appears on hover, focus, and tap. Dismissible via Escape, click-outside, or blur. Uses the brand.term .tip styling.
Preview
The Zanzibar modelZanzibarGoogle's global authorization system, described in a 2019 USENIX paper. It models permissions as relationships between objects and checks them consistently at scale. underpins modern relationship-based access control. Frauthy uses SpiceDBSpiceDBAn open-source implementation of the Zanzibar model by AuthZed. It provides a schema language, a check API, and horizontal scalability. as its authorization backend.
Usage
import { Term } from 'PRIVATE_BETA_PACKAGE_COORDINATE_REDACTED';
<p>
The <Term
title="Zanzibar"
definition="Google's global authorization system."
>Zanzibar model</Term> underpins RBAC.
</p>Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | JSX.Element | required | The inline term text |
title | string | required | Tooltip heading |
definition | string | required | Tooltip body (accepts HTML) |
Accessibility
- ARIA:
role="tooltip"witharia-describedbylinking term to tooltip. - Keyboard: Focusable (
tabindex="0"), toggles on Enter/Space, dismisses on Escape. - Expanded state:
aria-expandedreflects tooltip visibility. - Motion: Tooltip transition controlled by CSS, honors
prefers-reduced-motion.
Do / Don't
Do
Use Term for jargon or acronyms that benefit from inline definition.
Don't
Don't use Term for every link or interactive element -- tooltips should add information, not noise.