display@texuli/catalognot agent-emittableapp
Inline text
inline-text
A plain text run for the slot of a slot-only component (button, label, badge).
Live examples
Button label
Button label
Loading demo…
Badge word
Badge word
Props
| Name | Kind | Required | Default | Description |
|---|---|---|---|---|
text | string | yes | — | Plain text; the renderer refuses markup-like strings |
Keyboard
| Key | Action |
|---|---|
a | Painted as one escaped text node, so it names the parent control (a button label) |
A | A leaf: children are dropped |
Accessibility
- Painted as one escaped text node, so it names the parent control (a button label)
- A leaf: children are dropped
Evidence for inline-text
Latest committed gates for inline-text (as of 2026-10-23). Static snapshot — not live CI.
Behavior
n/ano behavior scenario
No dedicated behavior scenario for this catalog id (a styled or display surface, covered by its unit and axe tests).
Size (gzip)
@texuli/catalog/inline-text · budget 8.00 KiB
Budget from texuli.budgets.json; re-measure with `pnpm size --filter <entry>`.
Axe
documented
tests/e2e/site-component-pages.spec.tsdocs/quality (a11y-*)
Site component pages axe gate; package-level a11y docs under docs/quality when present.
Browsers
chromiumwebkitmobile
Playwright projects: Desktop Chrome, Desktop Safari, Pixel 7. Firefox is a known gap on this host.
When to use
Use when
- Give a form label, description, field error or menu trigger its visible text
- Text for a button, badge or kbd when the tree prefers a child to the label prop
- Any slot that needs a short phrase rather than a block
Don’t use when
Prefer another component
- A paragraph, heading or list (use blocks-text)
- Text that needs formatting or links (use blocks-text)
- A component that already has a label or title prop (set that prop)