Launchpad Style Guide

Header

How to use

YAML example

Example

Please see on the Section Demo Page for proper data and example.

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