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
As a link
Pass href to render a routing link instead of a button.
As a link
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | |
| href | string | — | When set, renders as a routing Link to this destination instead of a button. |
| onClick | (() => void) | — |