Launchpad Style Guide

Social Share

How to use

Example

Share:

facebook twitter facebook mail

Example with intro on top

Share:

facebook twitter facebook mail

Example with a different intro

Share this article

facebook twitter facebook mail

Example without intro

facebook twitter facebook mail

Menu

Pages
Sections
Components
Core Elements
Core Css

Pages

Sections

Components

Article Card
Author
Avatar Group
Avatar
Badges And Badge Groups
Blockquote
Cookie Consent
Donation Summary
Fee Checkbox
Gift Tile
Icon Card
Image Card
Impact Detail Tile
Inline Message
Language Dropdown
Large Monthly Nudge
Loading Indicator
Modal
Pagination React
People Card
Progress Tracker
Radio Tab React
Segmented Button
Simple Card
Simple Statistic Card
Social Share
Statistic Card
Team Card
Tooltip React
Tooltip

Core Elements

Accordion
Buttons
Cta Group
Dropdown
Form Elements React
Form Elements
Icons
Image
Link Cta
Switch React
Tables
Tags
Video

Core Css

Colours
Elevation Shadows
Grid And Breakpoints
Link Styles
List Styles
Rich Text Content Spacing
Spacing Scale
Text System