Dksie09 / Dksie09/RetroUI

Feat: Enhanced Button Variants and States

Open
#11 0 comments 0 reactions 0 assignees View on GitHub
enhancement good first issue
Dominant language
TypeScript
Stars
473
Forks
16
PR merge metrics
No merged PRs in 30d

Description

**Is your feature request related to a problem? Please describe.**
The current Button component in RetroUI is functional but limited in variety.

**Describe the solution you'd like**
Enhance the Button component with the following variants and states:

- **Hover Effects**: Add a press-down animation effect on hover
Button Variants:
- **Primary**: The current press-down border style effect (default)
- **Secondary**: A more subtle version without the press-down border effect
- **Disabled State**: low faded appearance with no hover effects and disabled click behaviour
- **Danger Button**: Red-themed styling for destructive actions
- **Ghost Button**: Transparent background with only outlines/text visible until hover

Implementation should support both prop-based usage:

Contributor guide

Open the contributing guide

Research direction

Start by locating the existing Button component and reading how its current press-down style and props are implemented. Check the component's usage or existing examples, then verify that primary, secondary, danger, ghost, hover, and disabled behavior are all distinguishable and that the documented variant and disabled props work as requested.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, tailwindcss, typescript
Domain
design, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.