Skip to content
FormsFree

Inline Select

A compact select meant to sit inline within a sentence of text.

Usage

Sort by

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import {
  InlineSelect,
  InlineSelectContent,
  InlineSelectItem,
  InlineSelectTrigger,
  InlineSelectValue,
} from "@wunderui/react"

Examples

Sort order

A borderless select that sits in a sentence or toolbar — click to change.

Sort by

In context

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Activity filter

Two selects inside a sentence filter the activity list below.

Activity

Showfrom the last

Mira Lindqvist

commented on Checkout redesign

1 day ago

Jonas Weber

deployed checkout-v3 to production

2 days ago

Lena Fischer

commented on Billing settings

5 days ago