Skip to content

Module / v1.0.0-beta.13

@typed/ui/Select

13 unique exports available through this public import path, including their members and aliases.

Learn this UI primitive →

import * as Select from "@typed/ui/Select";

Component options

ContentOptions
interface
Shared state, registered option collection, and listbox content.
OptionOptions
interface
Stable option identity, selection value, rendered content, and optional typeahead text.
TriggerOptions
interface
Shared select state and the button content that names the current choice.

Controls

Content
function
Renders the manual-popover listbox and coordinates registered keyboard movement.
Option
function
Renders a selectable listbox option with distinct active and selected state.
Select
variable
Alias of Trigger.
Trigger
function
Renders the native button that toggles the select listbox popover.

Hydration schemas

StateSchema
variable
Effect Schema used by makeState to encode, decode, and hydrate Select state.

State construction

makeCollection
variable
Creates a scoped Collection for Select items.
makeState
function
Creates hydrated Select state. The caller supplies id; value and activeId default null, open false, and loop true.

State models

InitialState
interface
Required popup ID with optional initial selection, visibility, focus, and wrap policy.
State
interface
Popup identity, committed value, visibility, and active option.

State transitions

select
function
Commits an option ID and value, then marks the popup closed.