RNLI website components

Components are a simple, reusable solution to a design problem.
  • Accordion
    Example of "Accordion".
    A vertically stacked list of items. Each item can be expanded to reveal the content within.
    More details
  • Body
    Example of "Body".
    The main body of text.
    More details
  • Campaign Info Panel
    Example of "Campaign info panel".
    Campaign Info Panel
    A component that showcases key content in a number of ways.
    More details
  • Campaign Map
    Example of "Campaign map".
    Campaign Map
    A Google Map with a number of marker pins.
    More details
  • Campaign Navigation
    Example of "Campaign navigation".
    Campaign Navigation
    The main campaign navigation that allows a user to navigate through the site.
    More details
  • Content List
    Example of "Content list".
    Content List
    A series of downloads or external links seperated with a divider, each containing an image, a title, text and a link.
    More details
  • Credit
    Example of "Credit".
    A credit box with text and an optional logo.
    More details
  • Date
    Example of "Date".
    A formatted date.
    More details
  • Date Range
    Example of "Date range".
    Date Range
    A formatted date range.
    More details
  • Dividing line
    Example of "Dividing line".
    Dividing line
    Horizontal line to seperate sections of content.
    More details
  • Donation Promo
    Example of "Donation promo".
    Donation Promo
    A full-width panel with tabs for different types of donation.
    More details
  • Double Promo
    Example of "Double promo".
    Double Promo
    A full-width container with two side-by-side promotions.
    More details

Need a little extra help?

Contact Us
Back to top