Orb Button

Modern orb-style button featuring smooth hover expansion and icon reveal.

Installation

npx shadcn@latest add @scrollxui/orb-button

import { OrbButton } from "@/components/ui/orb-button";

<OrbButton>Explore</OrbButton>

Modern orb-style button featuring smooth hover expansion and icon reveal.

Property	Type	Default	Description
`size`	string	`default`	Controls button height, padding, and orb expansion size on hover.
`Icon`	component	`ChevronRight`	Icon component rendered inside the expanding orb.
`icon`	node	`—`	Custom icon element rendered inside the orb if Icon is absent.
`dotClassName`	string	`—`	Additional classes applied to the circular orb element.
`className`	string	`—`	Custom CSS classes applied to the root button element.
`children`	node	`—`	Button label or content displayed next to the orb.
`...props`	button props	`—`	Supports native button attributes and events.