Chip component
The chip component has been designed to be flexible and to be used as the base for the FileChip, ObjectChip, UserChip and any future chip components.
My role was to improve the Chip component within the Design System to be a more
adaptable component that can be utilised across all MYOB platforms.
adaptable component that can be utilised across all MYOB platforms.
Anatomy
The chip component is composed of a leading icon, content container, trailing icon and secondary trailing icon.
Leading icon
The leading icon consists of icons that represent the chip type,
for example the avatar icon would be used for a UserChip.
for example the avatar icon would be used for a UserChip.
Content container
The content container is for the chip information.
Trailing icons
The trailing icons represent the functions that can be performed with the chip component.
Secondary trailing icons can be used to support the trailing icons.
Progress bar
The progress bar is used to provide the user feedback on the status of the file uplaod.
Component in Product
Design system components