Skip to main content
Believe in children Barnardo’s
  • Home

Components

The reusable building blocks you should use.

Structure

View all Structure components

  • Site
  • Layout
  • Skip Link
  • Menu
  • Search
  • Header
  • Breadcrumbs
  • Main
  • Footer

Navigation

View all Navigation components

  • Links
    • Link
    • Signpost Link
    • Download Link
    • Start Link
    • Prominent Link
    • Back Link
  • Teaser links
    • Teaser
    • Teasers
    • Prominent Teaser
  • Menus
    • Menu
    • Contents Menu
  • Paginating
    • Pagination

Content

View all Content components

  • Type
    • Topic
    • Title
    • Lede
    • Heading
    • Subheading
    • Paragraph
    • Cite
    • Code
  • Heroes
    • Hero
  • Lists
    • Bulleted List
    • Numbered List
  • Disclosure
    • Details
  • Quotes
    • Pull Quote
    • Block Quote
    • Prominent Block Quote
  • Facts
    • Fact
  • Media
    • Image
    • Video
    • Caption
  • Callouts
    • Callout
    • Prominent Callout
  • Sectioning
    • Section
    • Sections

Forms

View all Forms components

  • Text inputs
    • Text Input
    • Text Area
    • Date Input
    • Currency Input
  • Choices
    • Check Box
    • Check Boxes
    • Radio Buttons
    • Conditional
  • Actions
    • Trigger
    • Submit
  • Validation
    • Error Summary
  • Confirmations
    • Confirmation

Install the components

Use the Product Kit to start designing and developing your product.

If you can’t use the kit, install the components from GitHub on their own.

© Barnardo’s