Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99

--d --h --m --sGet Pro

Select Item Descriptions

ProNew

A select whose options have a title and a sentence, with the chosen option's sentence repeated under the field and linked as its description.

Customize

Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.

label

Guide and examples

When to use it

Use this for choices people can mistake without a hint: roles and permissions, plans, visibility levels.

Do not use it for self-explanatory options, or for long descriptions: link to documentation instead.

Installation

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.

Log in Get Pro for $35

Props

SelectItemDescriptions

Prop	Type	Default	Description
`label`	`string`	-	Visible label.
`options`	`{ value, label, description }[]`	-	Choices with one sentence each.
`value / onValueChange`	`string / fn`	-	Controlled value.

Accessibility

Typeahead uses textValue (the title), so typing "Adm" jumps to Admin even though each row has two lines.
The chosen description is rendered under the field and referenced by aria-describedby, so it is read with the field and stays visible after the list closes.
Option names come from their text content, which includes the description; keep titles first.

Keyboard

Key	Action
Enter or Space	opens the list
Arrow keys and typeahead (by title)	move
Enter	chooses

Testing

The pattern ships a Testing Library test (select-item-descriptions.test.tsx) that covers the description link, all options with sentences, updating after a change and keyboard choice.