InlineSelect
Picker that expands its options in place.
A picker that expands its options in place, without an overlay. Use it when the option list is short and the surrounding layout can absorb the height.
Installation
InlineSelect ships with the library — no separate install.
import { InlineSelect } from 'panelui-native';Usage
<InlineSelect value={region} onValueChange={setRegion} placeholder="Select a region">
<InlineSelect.Item value="us" label="United States" />
<InlineSelect.Item value="eu" label="Europe" />
<InlineSelect.Item value="apac" label="Asia Pacific" />
</InlineSelect>Composition
<InlineSelect>
<InlineSelect.Item value="…" label="…" />
</InlineSelect>InlineSelect.Item— One option.valueidentifies it,labelis what is shown.
API Reference
InlineSelect.Item
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | — | |
label | string | — |
InlineSelect
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | — | |
value | string | — | |
onValueChange | (value: string) => void | — | |
placeholder | string | — | |
disabled | boolean | — |
Every part also accepts the underlying React Native props (ViewProps or TextProps) and a className for Tailwind utilities.