Card - Standard

Any and any link are not considered card actions and should not be affected by card styles.

Card - Standard

Learn less Learn more

Card - Standard

Action 1 Action 2

Card - Standard

Action 1 Action 2 Learn more

Card - Standard

If actions are wrapped in a  tag, automatic layout is abandoned.

Card - Standard

If actions are wrapped in a  tag, automatic layout is abandoned.

A regular paragraph with a link and another link before the end, should not be affected.

Card - Standard

If you wrap link ("Learn more") in a  tag, then spacing will be wrong.*

Action 1 Action 2

Card - Standard

If you wrap actions ("Action N") in a  tag, then spacing will be wrong.*

Learn more

* Wrapping in a  tag was a fix in early 2023-01, but is now non-standard.

Card - Standard

Card - Default (Transparent)

Card - Plain

Card - Standard

Standard card and its explicit variations. The explicit variations are only if c-card--standard automatic variation fails and cannot be fixed fast enough.

Card - Standard

Card - Standard 1

This is a backup variant. Only use if c-card--standard fails.

Card - Standard 2

This is a backup variant. Only use if c-card--standard fails.

Card - Standard 3

This is a backup variant. Only use if c-card--standard fails.

Section - Light

Card - Standard

Learn more

Card - Standard

Action

Card - Standard

Learn more Action

Card - Standard

Card - Standard

Any and any link are not considered card actions and should not be affected by card styles.

Card - Standard

Learn less Learn more

Card - Standard

Action 1 Action 2

Card - Standard

Action 1 Action 2 Learn more

Card - Standard

If actions are wrapped in a  tag, automatic layout is abandoned.

Card - Standard

If actions are wrapped in a  tag, automatic layout is abandoned.

A regular paragraph with a link and another link before the end, should not be affected.

Card - Standard

If you wrap link ("Learn more") in a  tag, then spacing will be wrong.*

Action 1 Action 2

Card - Standard

If you wrap actions ("Action N") in a  tag, then spacing will be wrong.*

Learn more

* Wrapping in a  tag was a fix in early 2023-01, but is now non-standard.

Card - Standard

Card - Default (Transparent)

Card - Plain

Card - Standard

Standard card and its explicit variations. The explicit variations are only if c-card--standard automatic variation fails and cannot be fixed fast enough.

Card - Standard

Card - Standard 1

This is a backup variant. Only use if c-card--standard fails.

Card - Standard 2

This is a backup variant. Only use if c-card--standard fails.

Card - Standard 3

This is a backup variant. Only use if c-card--standard fails.

Section - Muted

Card - Standard

Learn more

Card - Standard

Action

Card - Standard

Learn more Action

Card - Standard

Card - Standard

Any and any link are not considered card actions and should not be affected by card styles.

Card - Standard

Learn less Learn more

Card - Standard

Action 1 Action 2

Card - Standard

Action 1 Action 2 Learn more

Card - Standard

If actions are wrapped in a  tag, automatic layout is abandoned.

Card - Standard

If actions are wrapped in a  tag, automatic layout is abandoned.

A regular paragraph with a link and another link before the end, should not be affected.

Card - Standard

If you wrap link ("Learn more") in a  tag, then spacing will be wrong.*

Action 1 Action 2

Card - Standard

If you wrap actions ("Action N") in a  tag, then spacing will be wrong.*

Learn more

* Wrapping in a  tag was a fix in early 2023-01, but is now non-standard.

Card - Standard

Card - Default (Transparent)

Card - Plain

Card - Standard

Standard card and its explicit variations. The explicit variations are only if c-card--standard automatic variation fails and cannot be fixed fast enough.

Card - Standard

Card - Standard 1

This is a backup variant. Only use if c-card--standard fails.

Card - Standard 2

This is a backup variant. Only use if c-card--standard fails.

Card - Standard 3

This is a backup variant. Only use if c-card--standard fails.

Section - Dark

Card - Standard

Learn more

Card - Standard

Action

Card - Standard

Learn more Action

Card - Standard

Card - Standard

Any and any link are not considered card actions and should not be affected by card styles.

Card - Standard

Learn less Learn more

Card - Standard

Action 1 Action 2

Card - Standard

Action 1 Action 2 Learn more

Card - Standard

If actions are wrapped in a  tag, automatic layout is abandoned.

Card - Standard

If actions are wrapped in a  tag, automatic layout is abandoned.

A regular paragraph with a link and another link before the end, should not be affected.

Card - Standard

If you wrap link ("Learn more") in a  tag, then spacing will be wrong.*

Action 1 Action 2

Card - Standard

If you wrap actions ("Action N") in a  tag, then spacing will be wrong.*

Learn more

* Wrapping in a  tag was a fix in early 2023-01, but is now non-standard.

Card - Standard

Card - Default (Transparent)

Card - Plain

Card - Standard

Standard card and its explicit variations. The explicit variations are only if c-card--standard automatic variation fails and cannot be fixed fast enough.

Card - Standard

Card - Standard 1

This is a backup variant. Only use if c-card--standard fails.

Card - Standard 2

This is a backup variant. Only use if c-card--standard fails.

Card - Standard 3

This is a backup variant. Only use if c-card--standard fails.

Column - Muted

Card - Standard

Learn more

Card - Standard

Action

Card - Standard

Learn more Action

Card - Standard

Card - Standard

Any and any link are not considered card actions and should not be affected by card styles.

Card - Standard

Learn less Learn more

Card - Standard

Action 1 Action 2

Card - Standard

Action 1 Action 2 Learn more

Card - Standard

If actions are wrapped in a  tag, automatic layout is abandoned.

Card - Standard

If actions are wrapped in a  tag, automatic layout is abandoned.

A regular paragraph with a link and another link before the end, should not be affected.

Card - Standard

If you wrap link ("Learn more") in a  tag, then spacing will be wrong.*

Action 1 Action 2

Card - Standard

If you wrap actions ("Action N") in a  tag, then spacing will be wrong.*

Learn more

* Wrapping in a  tag was a fix in early 2023-01, but is now non-standard.

Card - Standard

Card - Default (Transparent)

Card - Plain

Card - Standard

Standard card and its explicit variations. The explicit variations are only if c-card--standard automatic variation fails and cannot be fixed fast enough.

Card - Standard

Card - Standard 1

This is a backup variant. Only use if c-card--standard fails.

Card - Standard 2

This is a backup variant. Only use if c-card--standard fails.

Card - Standard 3

This is a backup variant. Only use if c-card--standard fails.

Column - Dark

Card - Standard

Learn more

Card - Standard

Action

Card - Standard

Learn more Action

Card - Standard

Card - Standard

Any and any link are not considered card actions and should not be affected by card styles.

Card - Standard

Learn less Learn more

Card - Standard

Action 1 Action 2

Card - Standard

Action 1 Action 2 Learn more

Card - Standard

If actions are wrapped in a  tag, automatic layout is abandoned.

Card - Standard

If actions are wrapped in a  tag, automatic layout is abandoned.

A regular paragraph with a link and another link before the end, should not be affected.

Card - Standard

If you wrap link ("Learn more") in a  tag, then spacing will be wrong.*

Action 1 Action 2

Card - Standard

If you wrap actions ("Action N") in a  tag, then spacing will be wrong.*