Documentation
  • ABLE - Design System
  • Structure
  • Themes
    • Styles
      • Ω Color Style
      • Ω Text Style
      • Ω Effect Style
      • Ω Size Dictionary
      • Ω Spacing Dictionary
      • Ω Motion Library
      • Ω Haptic Library
      • Ω Audio Library
      • Ω Time Dictionary
      • Ω Interaction Dictionary
    • Ω Icon Library
    • Ω Illustration Library
    • Ω Brand Library
  • Core
    • ε Elements
      • ε AdaptIcon
        • Θ AdaptIconBar
        • Ω AdaptIconShape
      • ε Avatar
        • Θ AvatarBar
        • Ω AvatarShape
      • Φ Badge
        • Θ Badge - Usecase
      • ε Button
        • Θ ButtonBar
      • Φ CheckboxCtrl
        • Ω CheckboxShape
      • ε Chip
        • ε ChipBar
        • Φ ChipModal
      • Φ Divider
      • ε FAB
        • Ω FABShape
      • ε Field
        • Θ FormFieldLabel
        • Θ FormFieldHelper
        • Θ FieldContainer
        • Θ FieldContent
        • Ω FieldShape
      • ε Graphic
        • ε Illustration (Canvas)
        • Θ GraphicBar
        • Θ Graphic - Status
        • ε Overlay
          • Φ OL - AdaptIcon
          • Φ OL - Avatar
          • Φ OL - Button
          • Φ OL - Icon
          • Φ OL - Sash
          • Φ OL - Stepper
          • Φ OL - Banner
          • Φ OL - Headline
      • Φ Icon
      • ε InputStepperCtrl
        • Φ InputStepperPieces
      • ε Label
      • ε ProgressCtrl
        • Φ ProgressBar
      • Φ RadioBtnCtrl
        • Ω RadioBtnShape
      • ε RatingCtrl
        • Φ RatePoint
        • Ω RatePointShape
      • ε SliderCtrl
        • Φ SliderBar
          • Ω SliderIndicator
          • Ω SliderKnob
          • Ω SliderTrack
          • Φ RulerTrack
            • Ω RulerTic
      • ε Snackbar
      • ε Paginator
        • Φ PagePoint
        • Ω PagePointShape
      • Φ SwitchCtrl
        • Ω SwitchShape
      • Φ Tab
        • Ω TabActive
      • ε ToggleCtrl
        • ε ToggleBar
        • Φ ToggleBtn
        • ε NavToggle
      • ε Tooltip
      • ε Caption
        • Θ Caption - Description
        • Θ Caption - Support
        • Θ Caption - Title
        • Θ CC - Leading
        • Θ CC - Primary
        • Θ CC - Trailing
    • Components
      • App Bar
        • Θ ABC - Leading
        • Θ ABC - Center
        • Θ ABC - Trailing
        • Θ ABC - Pieces
        • Θ AppBarExt
        • NavTab
      • Bullet
      • Button Panel
      • Content Bar
      • Form
        • Checkbox
        • ChipList
        • Input Stepper
        • Picker
          • PickView
        • Radio Button
        • Rate
        • SelectList
        • Slider
        • Switch
        • TextArea
        • Textfield
        • Toggle Button
        • UserList
        • FC - Leading
        • FC - Trailing
      • Headline
      • ListItem
        • Θ LIC - Leading
        • Θ LIC - Primary
        • Θ LIC - Trailing
      • Menu
        • Θ MC - Leading
        • Θ MC - Primary
        • Θ MC - Trailing
      • Modal
      • Paragraph
      • Section Header
      • Sheet
        • Sheet Drag
        • Sheet - Content
        • Sheet - Footer
      • Paginator Panel
      • TabBar
    • Ξ Modules
      • CardView
        • CardBar
        • CardItem
      • GridView
      • Hero
      • ListView
      • MasonryView
  • Actions
  • Contributing
    • Code of Conduct
Powered by GitBook
On this page
  • Properties
  • Type
  1. Core
  2. ε Elements
  3. ε Caption

Θ CC - Trailing

PreviousΘ CC - PrimaryNextComponents

Last updated 9 months ago

Collection: A collection of those objects that are displayed at the end of the Caption - Title, Description, and Support areas that then make up the vertically stackable, modular pieces of the caption area of Cells and Cards. Please see for a run down on the structure and terminology used in captions.

  • Parent: Caption - , ,

  • Child: , , , , ,

Properties

Type

  • None

  • Action (Icon): Most commonly used as a "More" button to bring up additional actions you can take on the subject matter.

  • Super Action (Icon Larger): A more prominent actionable area commonly used for the primary activity associated with the subject matter, for example adding to the shopping cart.

  • Subtext: Right aligned text copy that is usually very short copy, as not to interfer with the Title or Subtext copy that is more of a focus.

  • Subtext + Action: Vertically stacked right aligned text copy with an actionable icon below (usually a More icon). Note, the hitarea for the Icon would extend over top of the subtext right.

  • Link: A text based navigation to another area, using the visual indicator color to show that the link is clickable.

  • AdaptIcon: Used to attribute the object to a collection represented by the iconography used in the AdaptIcon.

  • Avatar: Used to attribute the object to the person in the Avatar.

  • Graphic: Many different purposes, but can be used to show a brand or collection.

  • Button: A more visually prominent actionable area that can be used as the primary activity of the subject matter.

  • Multi-AdaptIcon: When there's the need to show multiple adapticons. These have a slight overlap with the adapticon next to it, with the far left being the one in front.

  • Multi-Avatar: When there's the need to show multiple people associated with the object. These have a slight overlap with the avatar next to it, with the far left being the one in front.

  • Multi-Image: When there's the need to show multiple images. These have a slight overlap with the image next to it, with the far left being the one in front.

Caption - Definitions
Styleguide Link
Title
Description
Support
Icon
Label
AdaptIcon
Avatar
Graphic
Button