ボタン
Loading Button
A button that shows an inline spinner and blocks input while work is in flight.
#loading#spinner#async
6 個のフレームワーク初級
Loading…
A call-to-action button with a gradient fill and a soft coloured glow on hover.
<button class="glow-btn" type="button">
Get started
</button>| Prop | 型 | デフォルト | 説明 |
|---|---|---|---|
children必須 | ReactNode | - | コンポーネントの内部にレンダリングされるコンテンツ。 |
disabled | boolean | false | 操作を無効にし、コントロールを淡色表示にします。 |
onClick | () => void | - | ユーザーがコントロールを実行したときに発火します。 |
Swap the two `from-`/`to-` colours for your brand and update the shadow to match - the glow reads as a blur of the same hue. Adjust the `-translate-y-px` lift for a stronger or subtler hover.