Chiclet
Chiclets allow users to see what selections have been made and make changes to those selections in an organic way. A group of chiclets which represent selected objects or properties forms as users select options from the interface.
🚧 Under construction
This component is under active development. If you need this component for your project, create an issue in the GitHub repo.![Chiclet](/chiclet-hover.png)
Features
A UI element that represents a selection the user has made.
#Component structure
![Chiclet component structure diagram. Chiclet component structure diagram](/chiclet-structure.png)
- Container
- Label
- Remove button
- Remove button hover state
#Variants
![Chiclet component structure diagram](/chiclet-size-variants.png)
#Usage
![Different ways to use chiclets. Different ways to use chiclets](/chiclet-types.png)
- User selected chiclets in a drop down selector.
- Read only chiclets.