Size readout

A pill in the colorway that reads a measured value: an object's size, a multi-selection's count, a copy, a zoom level. Surface(chrome) with a live Led and the value in Label(readout).

Library

Metal UI

Framework

React + SwiftUI

Type

ui

License

MIT

Files

• packages/metalui/src/components/size-readout/size-readout.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/motion/awake.ts
• packages/metalui/src/motion/reduced.ts

Source

https://github.com/vijayksingh/metalui

More from Metal UI

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