Auxx.ai

<Select />

Dropdown select component for Auxx app dialogs.

A dropdown for selecting from a list of options. Composed of multiple sub-components.

import {
  Select,
  SelectTrigger,
  SelectValue,
  SelectContent,
  SelectItem,
} from '@auxx/sdk/client'

<Select value={status} onValueChange={(val) => setStatus(val)}>
  <SelectTrigger>
    <SelectValue placeholder="Choose status..." />
  </SelectTrigger>
  <SelectContent>
    <SelectItem value="open">Open</SelectItem>
    <SelectItem value="pending">Pending</SelectItem>
    <SelectItem value="closed">Closed</SelectItem>
  </SelectContent>
</Select>

For form-based selects with validation, use FormField with Forms.select().

Select

The root wrapper that manages state.

PropTypeDefaultDescription
valuestring?—Controlled selected value
onValueChange(value: string) => void—Called when selection changes
disabledboolean?falseDisable the entire select

SelectTrigger

The clickable trigger button that opens the dropdown.

SelectValue

Displays the selected value or a placeholder.

PropTypeDefaultDescription
placeholderstring?—Text shown when nothing is selected

SelectContent

The dropdown panel containing the options.

SelectItem

An individual option in the dropdown.

PropTypeDefaultDescription
valuestring—Option value (required)
childrenReactNode—Display text

<Switch />

Toggle switch component for Auxx app dialogs.

Form Schema

Define type-safe form schemas with validation for your Auxx app dialogs.

On this page

SelectSelectTriggerSelectValueSelectContentSelectItem