Expand Button

Button with an expand effect on hover.

Default

Default expand button

examples.tsx

1import { ExpandButton } from "@/registry/ui/expand-button";
2
3export function ExpandButtonExamples() {
4  return <ExpandButton username="@username">Follow</ExpandButton>;
5}

Installation & source

Install via the shadcn CLI or copy the registry files manually.

bash

npx shadcn@latest add @tt-ui/expand-button

Props

Name	Type	Default	Description
children	ReactNode	Required	The content of the button