ComponentReactregistry:ui3 dependencies

Shift Button

shift-button

A call-to-action button that trades its leading icon for a directional cue.

Live

Starting the live preview…

Rendered from its demo Shift Button Demo. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Install

npx shadcn@latest add @mischief/shift-button

Needs @mischief in your components.json registries — switch to URL if it doesn't resolve.

Registry: @mischief
Kind: Component
Framework: React
Files: 1 · 2.0 KB
Preview: Live via example
License: MIT

npm dependencies

@base-ui/react lucide-react

Registry dependencies

utilsunresolved

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

A worked example of Shift Button: A call to action that trades its leading icon for a directional cue when someone approaches it.

@mischief

More from @mischief

Search the catalog

Shift Button

See it in use

More from @mischief