Filter bar

Names the question a filter asks and switches how the answer is shown: Surface(frost) with a Glyph, the query in Label(query), the count and source engraved, a compact Switcher of views, and IconButton(ghost) pin and close. Formerly LensBar.

Library

Metal UI

Framework

React + SwiftUI

Type

ui

License

MIT

Dependencies

@base-ui/react@^1.8.0

Files

• packages/metalui/src/blocks/filter-bar/filter-bar.tsx
• packages/metalui/src/components/glyph/glyph.tsx
• packages/metalui/src/components/icon-button/icon-button.tsx
• packages/metalui/src/components/label/label.tsx
• packages/metalui/src/components/led/led.tsx
• packages/metalui/src/components/surface/surface.tsx
• packages/metalui/src/components/switcher/switcher.tsx
• packages/metalui/src/motion/indicator.tsx

Source

https://github.com/vijayksingh/metalui

Categories

• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Filter Bar Components
• React Filter Bar Components
• Tailwind CSS Filter Bar Components

More from Metal UI

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