Topic: Poor Chip support in MDB5
Expected behavior
MDBChipcomponent for React (probably also missing in Angular and Vue)- Colored Chip's
- Correct outline styling
Actual behavior
- Can be created by adding
.chipclass (without props and callback ofc). - Only outline chips can be colored
- Due to coloring chips is done by adding
btn-outline-colorclass the hover effect looks ugly (grey highlight inside colored border)
Resources (screenshots, code snippets etc.)
https://mdbootstrap.com/docs/standard/components/chips/
Hello,
There is no official MDB5 React (nor other ARV technologies) Chips component yet. What you can use are just CSS classes that are provided along with the MDB5 stylesheet. ARV technologies are still in development and they don't yet provide the same amount of components as MDB5 Standard version. You can find released components in the changelog section of each technology, e.g for React: https://mdbootstrap.com/docs/b5/react/getting-started/changelog/
For coloring chips in the Standard version please check my snippet showing how you can customize its background: https://mdbootstrap.com/snippets/standard/marcin-luczak/3134330
Keep coding, Marcin
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: pc
- Browser: chrome
- OS: ubuntu
- Provided sample code: No
- Provided link: Yes