RNLI website components

Components are a simple, reusable solution to a design problem.
  • Accordion
    Example of "Accordion".
    Accordion
    A vertically stacked list of items. Each item can be expanded to reveal the content within.
    More details
  • Side Content Address
    Example of "Side address".
    Side Content Address
    Grey box containing an address.
    More details
  • Utility Bar
    Example of "Utility bar".
    Utility Bar
    Contextual navigation to link visitor to previous page.
    More details
  • Body
    Example of "Body".
    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 Navigation
    Example of "Campaign navigation".
    Campaign Navigation
    The main campaign navigation that allows a user to navigate through the site.
    More details
  • Campaign Map
    Example of "Campaign map".
    Campaign Map
    A Google Map with a number of marker pins.
    More details
  • Related Content
    Example of "Related content".
    Related Content
    A component that shows related content.
    More details
  • Side Content Help
    Example of "Side help".
    Side Content Help
    A grey panel of text in the side panel.
    More details
  • Side Content Promo
    Example of "Side promo".
    Side Content Promo
    A panel on the right-hand side that has an image and title. It also has an optional link and summary.
    More details
  • Side Content Date Range
    Example of "Side date range".
    Side Content Date Range
    A component that shows times and dates.
    More details
  • Side Content Location Map
    Example of "Side navigation map".
    Side Content Location Map
    A Google Map in the side panel with a single marker.
    More details

Need a little extra help?

Contact Us
Back to top