Tag

Tags are used to label, categorize, or highlight content, making it easier to identify and distinguish specific items.

Component Status

Flutter

Is new design vision part implemented using new tokens?

Update required

Resources

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