फ़ीचर्डनया
बटनGradient Glow Button
A call-to-action button with a gradient fill and a soft coloured glow on hover.
#gradient#glow#hover
6 फ्रेमवर्कशुरुआती
Loading…
A button that shows an inline spinner and blocks input while work is in flight.
<button class="load-btn" type="button" aria-busy="true" disabled>
<span class="load-btn__spinner" aria-hidden="true"></span>
Saving…
</button>| Prop | टाइप | डिफ़ॉल्ट | विवरण |
|---|---|---|---|
loading | boolean | false | true होने पर स्पिनर दिखाता है और इनपुट रोक देता है। |
childrenआवश्यक | ReactNode | - | कंपोनेंट के अंदर रेंडर होने वाला कंटेंट। |
disabled | boolean | false | इंटरैक्शन रोकता है और कंट्रोल को धुँधला कर देता है। |
onClick | () => void | - | जब यूज़र कंट्रोल को एक्टिवेट करता है तब फ़ायर होता है। |
The spinner is a bordered circle with one contrasting edge - change `border-t-white` to recolour it. Drive `loading` from your submit handler; the button disables itself so double-submits are impossible.