InlineSelect

Borderless select that reads as part of a sentence or a row (“Repetir cada [semana v]”). Native <select> underneath, so the system picker and keyboard behaviour are kept.

Import

import { InlineSelect } from "@jcsoftdev/ui/forms";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/forms/inline-select.

Usage

export const Default: Story = {};

Source of the Storybook story.

Props

Prop	Type	Default	Description
options *	InlineSelectOption[]

* marks a required prop.

It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).

Storybook stories

• Default
• Disabled
• Narrow
• Brutal Preset

Source

packages/ui/src/forms/inline-select/inline-select.tsx