Orb Button

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

Loading...

Installation

npx shadcn@latest add @scrollxui/orb-button 

Usage

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

Examples


Size

Loading...

Custom

Loading...

API Reference

Orb Button

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

Props

PropertyTypeDefaultDescription
sizestringdefault
Controls button height, padding, and orb expansion size on hover.
IconcomponentChevronRight
Icon component rendered inside the expanding orb.
iconnode
Custom icon element rendered inside the orb if Icon is absent.
dotClassNamestring
Additional classes applied to the circular orb element.
classNamestring
Custom CSS classes applied to the root button element.
childrennode
Button label or content displayed next to the orb.
...propsbutton props
Supports native button attributes and events.

Built withby Ahdeetai.