Card

Cards are styled, flexible containers used to group related information.

Component checklist

Flutter

Is new design vision part implemented using new tokens?

Update required

Resources

 

Examples

Layout/Cards/Card


                                                        
                                                        
                                                            OptimusCard(
                                                              padding: OptimusCardSpacing.spacing200,
                                                              variant: OptimusBasicCardVariant.normal,
                                                              attachment: OptimusCardAttachment.none,
                                                              child: const _Content(),
                                                            )
                                                        
                                                            

OptimusButton Example

API

Name

Description

Type

Default

child

The content of the Card.

Widget

 

padding

The padding around the content.

OptimusCardSpacing

OptimusCardSpacing.spacing200

contentWrapperBuilder

The wrapper builder of the content.

ContentWrapperBuilder?

 

attachment

The attachment of the Card.

OptimusCardAttachment

OptimusCardAttachment.none

variant

The variant of the Card.

OptimusBasicCardVariant

OptimusBasicCardVariant.normal