YuhuanStudioYunUIDocs
Buttons & Actions

Shiny Button

A high-emphasis CTA button with an animated shimmer sweep; renders a link when href is set.

A high-emphasis call-to-action button with an animated shimmer sweep and a trailing arrow that nudges forward on hover. Use it for the single most important action on a page. Set href to render it as a routing link (via the configured Link adapter); otherwise it renders a <button> and calls onClick.

Import

import { ShinyButton } from "@yuhuanowo/yunui";

Basic

Call to action

Pass href to render a routing link instead of a button.

As a link

Props

PropTypeDefaultDescription
classNamestring
hrefstringWhen set, renders as a routing Link to this destination instead of a button.
onClick(() => void)

On this page