Components and examples

Components

Anchor
- Anchor, blue
- Anchor, black
Banner
- Banner, green
- Banner, red
- Banner, yellow
Block quote
- Block quote, default
- Block quote, pull quote
- Block quote, optional pull quote
Button
- Button, primary
- Button, primary large
- Button, primary disabled
- Button, secondary
- Button, secondary large
- Button, secondary disabled
- Button, full width
Button link
- Button link, primary
- Button link, primary large
- Button link, primary disabled
- Button link, secondary
- Button link, secondary large
- Button link, secondary disabled
- Button link, full width
Checkbox
- Checkbox, default
- Checkbox, pill
Code block
- Code block, default
- Code block, with-table
- Code block, editable
- Code block, textarea
- Code block, editable with bottom button
- Code block, editable with toolbar button
- Code block, textarea with bottom button
- Code block, textarea with toolbar button
Colour
- Colour, text
- Colour, background
- Colour, smaples
Container with label
- Container with label, default
Dropdown
- Dropdown, default
Footer
- Footer, default
Form
- Form, login
- Form, login (Reesd)
Horizontal rule
- Horizontal rule, default
- Horizontal rule, divider
Image
- Image, default
- Image, negative pull
- Image, full width
- Image, with caption
- Image, examples
Input
- Input, text
- Input, password
- Input, number
- Input, with message
- Input, usage
Layout
- Layout, default
- Layout, blog list
- Layout, blog post 1
- Layout, blog post 2
- Layout, with sidebar
List
- List, ordered
- List, unordered
Modal
- Modal, text-content
- Modal, button-label
- Modal, text-label
Navigation block
- Navigation block, default
- Navigation block, usage
Navigation
- Navigation, default
- Navigation, space between
Radio
- Radio, pill
- Radio, checkbox
- Radio, pill-inline
- Radio, checkbox-inline
Side panel
- Side panel, default
- Side panel, usage
Sidebar
- Sidebar, default
- Sidebar, usage
Status code
- Status code, error-400
- Status code, error-404
Table
- Table, default
- Table, compact
- Table, with column divider
- Table, with column divider, compact
Title
- Title, default
- Title, subtitle
- Title, jumbo
- Title, subtitle-jumbo
- Title, usage
- Title, jumbo-usage
Typography
- Typography, heading 1
- Typography, heading 2
- Typography, heading 3
- Typography, heading 4
- Typography, heading 5
- Typography, heading 6
- Typography, paragraph
- Typography, usage
Whitespace
- Whitespace, auto width
- Whitespace, negative margins
- Whitespace, full width
- Whitespace, examples

Examples