Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProBold, Italic and Underline as pressed-state buttons whose Ctrl and Cmd shortcuts really work in the field, with the shortcuts exposed through aria-keyshortcuts.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use this for comment boxes and simple editors that need a few inline formats.
Do not use it for rich editors with many tools (use a toolbar) or for formats that exclude each other (use a single-choice group).
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
value | (bold | italic | underline)[] | - | Active formats. |
onValueChange | (value) => void | - | Called with the new set. |
aria-pressed and has an icon with a text name.aria-keyshortcuts advertises Control+B, Control+I and Control+U, and the handlers exist, so the hint is never false.| Key | Action |
|---|---|
| Ctrl or Cmd + B / I / U in the field | toggle the format |
| Enter or Space on a button | toggle it |
| Arrow keys | move between the buttons |
The pattern ships a Testing Library test (toggle-group-text-format.test.tsx) that covers the labelled group and shortcuts, combining formats, turning one off and the keyboard shortcuts.