Shiny Button

A special button component with shiny effects.

Overview

Default

<s onClick={() => {}}>
  Shiny Button
</s>

With Icon

<s onClick={() => {}}>
  <ny className="s-4" />
  With Icon
</s>

Small

<s size="small" onClick={() => {}}>
  Small
</s>

Default

<s onClick={() => {}}>
  Default
</s>

Large

<s size="large" onClick={() => {}}>
  Large
</s>

Disabled

<s disabled={true} onClick={() => {}}>
  Disabled
</s>

Custom Primary Color

<div style={{"--override-primary":"var(--blue-9)"}}>
  <s onClick={() => {}}>
    Custom Color
  </s>
</div>