Θ Caption - Title

Collection: A convenience container for the title of a caption rows, which is made up of leading, primary, and trailing containers. These are used in Cells and Cards as vertically stackable, modular pieces of the caption area. Please see Caption - Definitions for a run down on the structure and terminology used in captions.

Styleguide Link

Properties

Size

The general size of the primary text used in the caption row.

  • XXSmall

  • XSmall

  • Small

  • Medium

  • Large

Styles - Leading & Trailing

Here's where we bring in the columns (leading, primary, trailing containers) in order to customize the layout of the row.

Leading Options

  • Nothing at all

  • Icon

  • Avatar

  • AdaptIcon

  • Graphic

  • Label

Trailing Options

  • Nothing

  • Action: An icon that is typically used as a More button to reveal additional actions that can be taken on the subject matter.

  • Super Action: More of a primary action and most often used as an Add capability, this icon is slightly larger and carries a larger hit area.

  • Button: A prominent primary action used to take an action on the subject matter.

  • Subtext: Used for short bits of text in a right aligned format.

  • Multi-Image/Avatar/AdaptIcon: To show an association with the object being represented

Last updated