Skip to main content
Site Builder
Indiana University

Content Components

Flexible building blocks for creating page content

Included on:

Choosing components

Learn how to choose the components that best fit your content.

  • Accordion

    Expand and collapse content in a block to reveal hidden details

  • Audio

    Embed accessible audio using AblePlayer

  • Billboard

    Showcase key content, announcements, or calls to action

  • Callout

    Draw attention to a specific message or action in a bold content block

  • Card Grid

    Display a flexible grid of categories, services, or actions

  • Code

    Embed code into a page

  • Code Snippet

    Show a copyable block of source code

  • Contact Card

    Add contact information to the bottom of a page

  • Feed

    Embed a LiveWhale news or events feed

  • Hero - Default

    Introduce page content with a prominent banner

  • Hero - Feature

    Highlight key destinations with a large banner and quick links

  • Hero - Split

    Pair content and imagery in a two-column layout to guide users to next steps

  • Hero - Statement

    Make a bold, focused statement with optional supporting visuals and calls to action

  • Image

    Show a single image or set of related images

  • List Hub

    Present a styled list of related links and resources

  • Note

    Highlight a short supporting message within page content

  • Quote

    Highlight impactful statements with a styled pull quote

  • Rich Text

    Add a section of formatted text

  • Stats

    Show a grid of compelling statistics

  • Table

    Show structured information in rows and columns

  • Text Essay

    Highlight longer-form statements on index pages

  • Timeline

    Display a sequence of steps, milestones, or events

  • Video

    Embed an accessible video using AblePlayer