Tabs with a gliding indicator (underline or pill) and panels that cross-fade 6px in the direction of travel while their container's height springs. Base UI Tabs behaviour.
Tabs with a gliding indicator (underline or pill) and panels that cross-fade 6px in the direction of travel while their container's height springs. Base UI Tabs behaviour.
Files · 1
Dependencies
npm packages
motion
@base-ui/react
Registry items
https://eased.dev/r/eased-tokens.json
https://eased.dev/r/eased-motion.json
https://eased.dev/r/eased-indicator.json
https://eased.dev/r/eased-auto-height.json
Registry Items
tabs
Configuration
Name
tabs
Type
UI
Description
Tabs with a gliding indicator (underline or pill) and panels that cross-fade 6px in the direction of travel while their container's height springs. Base UI Tabs behaviour.