Layered Button

A layered button with a radial expand effect and smooth sliding hover label animation.

Installation

npx shadcn@latest add https://scrollxui.dev/registry/layered-button.json

import { LayeredButton } from "@/components/ui/layered-button";

<LayeredButton variant="default">
    Default
  </LayeredButton>

A layered button with a radial expand effect and smooth sliding hover label animation.

Property	Type	Default	Description
`variant`	string	`default`	Button style.
`size`	string	`default`	Button size.
`borderWidth`	number	`3`	Inner border width.
`asChild`	boolean		Use Radix Slot.
`children`	node	`—`	Content inside button.
`className`	string	`—`	Custom classes.
`...props`	button props	`—`	All native button attributes.