Version:

    Components included in the UIKit

    The UIKit includes a library of components that can be combined in almost infinite combinations to create the content and layout your site needs. In addition to the components shown below, the UIKit includes a library of 'Helpers,' which combine the components into common website patterns. See the Helpers included.

    Header and footer components

    The UIKit includes a flexible header component with a configurable menu system and optional utilities bar. It also includes a footer component. 

    Header

    Footer

     

    Layout components

    Layout components provide the structure of your pages. Each component includes configuration options, some examples of which are shown below.

    1 column layout component

    Configuration examples

    2 column layout component

    Configuration examples

    3 column layout component

    Configuration examples

    4 column layout component

    Custom layouts with Row and Column component

    Divider line component

    Modal component

     

    Basic components

    Heading component

    Text component

    Image component

    Video component

    Audio component

    Buttons component

     

    Card components

    Feature card

    Content card

    Horizontal content card

    Impact card

    Price card

    Profile card

    Block quote card

    Testimonial card

    Logo card

    Stat card

    Social links card

     

    Slider components

     

    Accordion components

     

    Tab components

    Horizontal tabs

    Vertical tabs

     

    Read more components

     

    Map components

     

    DX8 knowledge base icon

    Frequently asked questions

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    To raise a ticket, sign into Acquia Cloud and select Help in the top menu.

    Raise support ticket

    Acquia

    Copyright © 2020 Acquia, Inc. All Rights Reserved. Drupal is a registered trademark of Dries Buytaert.