Cards

Cards

• DataCard
  • How to use a DataCard
  • Adding extra content to a DataCard
• Accessibility

DataCard

DataCard is used to show relevant information (descriptions, data, statuses ...) of a user's product or service.

How to use a DataCard

Just use on the default initialisers depending on your needs. For example, a basic configuration:

 DataCard(
     headline: headline,
     title: title,
     subtitle: subtitle,
     description: description
)

Adding extra content to a DataCard

A DataCard can be customized adding an extra view like

The extra View can be provided to be placed below the descriptionTitle property. It will keep the same margins than the view above so no constraints should be required in order to properly align it with the rest of the content.

DataCard(
    headline: headline,
    title: title,
    subtitle: subtitle,
    description: description,
    fragmentView: { Text("Fragment!") }
)