Dev Design Library

Hover engraving

A block's identity on a 420 ms dwell: Surface(tip) beside its first line with the kind and details in Label(engraved), derived tags as Chip(tag) and the recognizer's status with a Led.

Hover engraving preview
Library
Metal UI
Framework
React + SwiftUI
Type
ui
License
MIT
Files
  • packages/metalui/src/blocks/hover-engraving/hover-engraving.tsx
  • packages/metalui/src/components/chip/chip.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