Tag

Tags are used to highlight the status of an item or make it easier to recognize certain items in data-dense content. Be wary of using multiple tags on one item, as it could cause visual noise.

Flutter

Is new design vision part implemented using new tokens?

Update required

Resources

Storybook

Flutter Storybook

Source

GitHub code

Examples

Feedback/Tag


                                                        
                                                        
                                                            OptimusTag(
                                                                  text: ('Tag Text'),
                                                                  colorOption: OptimusColorOption.basic,
                                                                  leadingIcon: OptimusIcons.add,
                                                                  outline: true,
                                                                );

OptimusTag Example

API

Name	Default Value	Description
text		The text of the tag
colorOption	OptimusColorOption.basic	The color of the tag background
leadingIcon		The leading icon of the tag
trailingIcon		The trailing icon of the tag
outline	false	Switch between outlined/filled styles

Tag

Component Status

Resources

Examples

API