Button - Custom component

mikedilger / gossip

Gossip is a nostr client

Other

694 stars 77 forks source link

Button - Custom component #635

Open dtonon opened 8 months ago

dtonon commented 8 months ago

The button will have three styles: Accent, Primary and Bordered. For every style there are several states:

Default: the basic state of an operative button
Hovered: when the mouse over the button
Active: the moment when the button is pressed
Disabled: when a button is not available
Focused: when selected using the keyboard (future accessibility kit)

In addition to the standard size, we need to provide a couple of different sizes for specific contexts; this will probably be simple scaling.

dtonon commented 8 months ago

/cc @mikedilger @bu5hm4nn

bu5hm4nn commented 5 months ago

@dtonon I have added a "danger" hover to the Theme Test page, since that is a style override we were using for some delete buttons (like unfollow and delete list confirmation dialog) . If you checkout latest unstable you can find see it.

mikedilger commented 5 months ago

Bad ass stuff guys. I'm impressed.

dtonon commented 5 months ago

@bu5hm4nn perfect! Yes, we should use it on every destructive action.