Cards

Overview

​​The card is the implementation of the pattern library component by the same name.

Configuration

The card has a couple of configuration options available:

This is the context title

This is the card title

This is the standard card description.

This is the context title

This is the card title

This is the video card description.

This is the data card description.

Standard card

Overview

Configuration

The standard card has a couple of configuration options available:

Video card

Overview

Configuration

The video card has a couple of configuration options available:

Data card

Overview

Configuration

The data card has a couple of configuration options available:

Illustration card

Overview

Configuration

The illustration card has a couple of configuration options available:


Equal card heights example

Bowness Park train

The little engine that could

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.​​

Bowness Park train

Bowness park train is back

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.​​

Bowness Park wildlife

Quack quack

Bowness Park activities

Water sports anyone?

​Sed ut perspiciatis unde omnis iste natus error​ sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.​​

Bowness Park activities

Row, row, row your boat

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?​​

Bowness Park history

Once upon a time in Bowness

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?​​


Masonry card example

Bowness Park train

The little engine that could

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.​​

Bowness Park train

Bowness park train is back

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.​​

Bowness Park wildlife

Quack quack

Bowness Park history

Once upon a time in Bowness

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?​​

Bowness Park activities

Row, row, row your boat

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?​​

Bowness Park activities

Water sports anyone?

​Sed ut perspiciatis unde omnis iste natus error​ sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.​​


Cards with filter and pagination example

general/privacy-policy,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null