Number field

A number you step, scrub or type: keycaps at each end of a pill well; each step turns the value one drum step (plus up, minus down) and an arrow past a limit shakes only the digits.

Library

Metal UI

Framework

React + SwiftUI

Type

ui

License

MIT

Dependencies

@base-ui/react@^1.8.0

Files

• packages/metalui/src/components/number-field/number-field.tsx
• packages/metalui/src/components/button/button.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

Source

https://github.com/vijayksingh/metalui

Categories

• Form Field Components
• React Form Field Components
• Tailwind CSS Form Field Components
• Input Components
• React Input Components
• Tailwind CSS Input Components

More from Metal UI

• Field
• Form field
• Spatial field
• Accordion
• Alert dialog
• Attachment
• Avatar
• AI composer
• Availability picker
• Settings
• Share panel
• Block silhouette