Poor Chip support in MDB5

Roman Mzh pro premium priority asked 3 years ago

Expected behavior

  1. MDBChip component for React (probably also missing in Angular and Vue)
  2. Colored Chip's
  3. Correct outline styling

Actual behavior

  1. Can be created by adding .chip class (without props and callback ofc).
  2. Only outline chips can be colored
  3. Due to coloring chips is done by adding btn-outline-color class the hover effect looks ugly (grey highlight inside colored border)

Resources (screenshots, code snippets etc.)

https://mdbootstrap.com/docs/standard/components/chips/


Marcin Luczak staff answered 3 years ago

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


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: pc
  • Browser: chrome
  • OS: ubuntu
  • Provided sample code: No
  • Provided link: Yes