फ़ीचर्डनया
बटन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 borderless button that stays invisible until hover - for the quiet half of a button pair.
<button class="ghost-btn" type="button">
Cancel
</button>| Prop | टाइप | डिफ़ॉल्ट | विवरण |
|---|---|---|---|
childrenआवश्यक | ReactNode | - | कंपोनेंट के अंदर रेंडर होने वाला कंटेंट। |
disabled | boolean | false | इंटरैक्शन रोकता है और कंट्रोल को धुँधला कर देता है। |
onClick | () => void | - | जब यूज़र कंट्रोल को एक्टिवेट करता है तब फ़ायर होता है। |
Pair it with a filled button as the Cancel to its Save; the point is that it recedes. The transparent border at rest is not decoration - it reserves the 1px so the button does not jump when it sits beside a bordered sibling. Deepen `hover:bg-gray-100` to `gray-200` if your surface is already grey.