# InlineSelect

> Borderless select that reads as part of a sentence or a row ("Repetir cada [semana v]").

Source: https://ui.jcsoftdev.com/docs/components/inline-select

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

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

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

## Usage

```tsx
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](/storybook/?path=/story/forms-inlineselect--default)
- [Disabled](/storybook/?path=/story/forms-inlineselect--disabled)
- [Narrow](/storybook/?path=/story/forms-inlineselect--narrow)
- [Brutal Preset](/storybook/?path=/story/forms-inlineselect--brutal-preset)

## Source

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