Badge

Badges serve the purpose of swiftly indicating the status of an item.

Component checklist

Flutter

Is new design vision part implemented using new tokens?

Update required

Resources

 

Examples

Feedback/Badge


                                                        
                                                        
                                                            OptimusBadge(
                                                                  text: 'Badge Text',
                                                                  variant: OptimusBadgeVariant.primary,
                                                                  outline: false,
                                                                )
                                                        
                                                            

OptimusBadge Example

API

Name

Description

Type

Default

text

The text of the Badge.

String

 

variant

The variant of the Badge.

OptimusBadgeVariant

OptimusBadgeVariant.primary

outline

Whether the badge should be outlined.

bool

true

overflow

The style of the text overflow.

TextOverflow?

TextOverflow.ellipsis