Dev Design Library

Tabs

Switches which panel is shown: the switcher track and gliding thumb as the tab list, and panels that drift in from the side the thumb went.

Tabs preview
Library
Metal UI
Framework
React + SwiftUI
Type
ui
License
MIT
Dependencies
@base-ui/react@^1.8.0
Files
  • packages/metalui/src/components/tabs/tabs.tsx
  • packages/metalui/src/motion/awake.ts
  • packages/metalui/src/motion/duration.ts
  • packages/metalui/src/motion/haptic.ts
  • packages/metalui/src/motion/hop.ts
  • packages/metalui/src/motion/indicator.tsx
  • packages/metalui/src/motion/layout-effect.ts
  • packages/metalui/src/motion/leave.ts
Source
https://github.com/vijayksingh/metalui

Categories

More from Metal UI