Expand Button

Keeps a toolbar compact without leaving anyone guessing: the label slides out on hover or focus.

Install

Included with Creative: needs your API key. Initialize and log in once.

Terminal

npx @galactrex/ui add expand-button

Example

import { ExpandButton } from "@/components/galactrex/expand-button";

<ExpandButton icon={<PlusIcon />} label="New project" />

Installs to components/galactrex/expand-button.tsx, with the shared motion primitives beside it.

Source for this component comes with its plan. Install it with the command above, or open your licensed copy here.

Prop	Type	Default	Description
`icon`	`ReactNode`	—	Icon at rest.
`label`	`string`	—	The words that slide out; also its name.
`tone`	`"solid" \| "outline" \| "ghost"`	`"outline"`	Look.
`expanded`	`boolean`	—	Keep it open.
`...button props`	`ButtonHTMLAttributes`	—	onClick, disabled, type and the rest.