CardLarge LAYOUT

Examples Setup
Source code

Basic

#

Desktop

Header

Replace me

Header

Replace me

iOS/Android

Header

Replace me

Header

Replace me

Avatar

#

Desktop

Title Subtitle

iOS/Android

Title Subtitle

Single item

#

Cards List

#

Title Subtitle

Title Subtitle

Title Subtitle

Title Subtitle

Cell List

#

Title Subtitle

Title
Description
Title
Description
Title
Description

Cell List (2 columns)

#

Title Subtitle

Title
Description
Title
Description
Title
Description
Title
Description
Title
Description
Title
Description

Cell List (actions)

#

Title Subtitle

Cell List (headless)

#
Title
Description
Title
Description
Title
Description
Title
Description

Footer alignment

#

Title

Title
Description

Title

Some text

Image

#

Title Subtitle

Title Subtitle

Cell with close

#

iOS/Android

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Paddings and radii

#

Desktop

Normal Radius: 24, padding: 24

Compact Radius: 16, padding: 20

iOS/Android

Normal Radius: 24, padding: 20

Compact Radius: 16, padding: 16

Map

#

Title Subtitle

In portal

#