Select

One value from a list of named options: a raised cap showing the value and an up-down chevron, opening the menu's frosted list with the chosen row over the trigger; the chosen row carries the latched green LED.

Library

Metal UI

Framework

React + SwiftUI

Type

ui

License

MIT

Dependencies

@base-ui/react@^1.8.0

Files

• packages/metalui/src/components/select/select.tsx
• packages/metalui/src/theme/portal-colorway.ts
• packages/metalui/src/components/menu/menu.tsx
• packages/metalui/src/icons/MorphIcon.tsx
• packages/metalui/src/icons/morph.ts
• packages/metalui/src/icons/morph.generated.ts
• packages/metalui/src/icons/TickGlyph.tsx
• packages/metalui/src/icons/tick.generated.ts

Source

https://github.com/vijayksingh/metalui

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Select Components
• React Select Components
• Tailwind CSS Select Components

More from Metal UI

• Availability picker
• Combobox
• Accordion
• Alert dialog
• Attachment
• Avatar
• AI composer
• Settings
• Share panel
• Block silhouette
• Studio week
• Task inbox