Dev Design Library

Icon Tabs

A segmented tab selector where only the active tab shows its icon, sliding in beside the label. Built on the Base UI Tabs.

Icon Tabs preview
Library
Notra
Framework
React
Type
component
License
AGPL-3.0
Dependencies
@base-ui/react, cn
Files
  • apps/ui/registry/notra/icon-tabs/components/icon-tabs.tsx
  • apps/ui/registry/notra/icon-tabs/constants/icon-tabs.ts
  • apps/ui/registry/notra/icon-tabs/lib/icon-tabs.ts
  • apps/ui/registry/notra/icon-tabs/types/icon-tabs.ts
Source
https://github.com/usenotra/notra

Categories

More from Notra