themesberg / themesberg/flowbite-react
Use `inline-flex` instead of `flex` in base classes of Badges
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2.1k
- Forks
- 506
- PR merge metrics
- No merged PRs in 30d
Description
- I have searched the Issues to see if this bug has already been reported
- I have tested the latest version
Summary
I think Badges are more an inline component, but now it has .flex in the base classes.
Context
In the docs the badges are wrapped by a flexbox should it looks normal. When putting a Badge into a normal div it expands to take the full width, apparently there is .flex in the base classes.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the Badge component and compare its base classes with the behavior described in the component documentation at the linked Badge docs page. Verify that a Badge inside a normal div no longer expands to the full width, while the documented wrapped example still looks correct.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, tailwindcss, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100