Chips

[panvourtsis]

Description

This will be a brand new component that will be used in inner DS component but outside DS as well

Design

The design can be found here

Implementation

This will be a new simple component.

• It could take as color any color from the flat palette
• Outline property that will be only bordered
• Any children will be rendered inside.
• Two sizes will be provided small and normal (props) - check button for reference
• left icon - a component to define something on the left
• right icon - >>
• right icon, left icon click handlers
• There will be a border property eg bordered when filled - border rule

fill color: 100-400 
border color: fill color darken by 50%
fill color 500-700
border color: fill color lighten by 50%

Testing

• Test that children are rendering
• Test color is rendering correctly
• Test handlers are being called when icons are clicked
• Test that color type is rendering correctly

[github-actions]

🎉 This issue has been resolved in version 1.8.0 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀