Slider

Scalar or range amounts on a clamped track: horizontal/vertical, centred or neutral fill, named independent knobs, step detents, transient value bubble, drum readout and volume/brightness glyphs. Base UI preserves keyboard and form behavior.

Library

Metal UI

Framework

React + SwiftUI

Type

ui

License

MIT

Dependencies

@base-ui/react@^1.8.0

Files

• packages/metalui/src/components/slider/slider.tsx
• packages/metalui/src/icons/Icon.tsx
• packages/metalui/src/icons/catalog.generated.ts
• packages/metalui/src/icons/icons.generated.css
• packages/metalui/src/icons/tick.generated.ts
• packages/metalui/src/motion/awake.ts
• packages/metalui/src/motion/duration.ts
• packages/metalui/src/motion/haptic.ts

Source

https://github.com/vijayksingh/metalui

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Slider Components
• React Slider Components
• Tailwind CSS Slider Components

More from Metal UI

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