At02 Title Bloc

Component Name

Title Bloc

Description 

Basic title component with style options for all website title variations. 

Base Component? 

False

Configuration Options

Basic

  • Headline - text to display
  • Semantic Meaning (options below) - how the code and display renders
  • Display (options below) - overwrite how the display renders
  • Text Color (values sourced from system style guide) - color of text - TODO Add link to style guide

Title link options:

  • Link URL - Field which stored link path to the internal or external page
  • Link target - Dropdown which include all possible values how to open Title Bloc Link (Current window, New window, Video Embed Modal)
  • Display chevron? - Display chevron following title text if checked.
  • Toggle stealth? - Toggle stealth link mode. Hide underline, display using content color vs standard link color if checked).

Style Options 

  • Nudge options Top, Right, Bottom, Left to adjust title padding

 

Sample Component Usage

Page Title - Display Default - Color Primary

Page Title - Display 1 - Color Default

Page Title - Display 2 - Color Secondary

Page Title - Display 3 - Color Danger

Page Title - Display 4 - Color Brand

Page Title - Display 5 - Color Warning

Page Title - Display 6 - Color Info

Page Title - Display 6 - Color Dark

Page Title - Display 7 - Color Body

Page Title - Display 8 - Color Muted

Page Title - Display 9 - Color Default

Section Title - Display Default

Section Title - Display 1 - Color Inverse (Inverse add boldness)

Page Title - Display 6 - Color Black 50

Section Title - Display 2 - Color White 50

Section Title - Display 2

Section Title - Display 3

Section Title - Display 4

Section Title - Display 5

Section Title - Display 6

Section Title - Display 7

Section Title - Display 8

Sub Section Title - Display Default

Sub Section Title - Display 1

Sub Section Title - Display 2

Sub Section Title - Display 3

Sub Section Title - Display 4

Sub Section Title - Display 5

Sub Section Title - Display 6

Sub Section Title - Display 7

Sub Section Title - Display 8

List Item Title - Display Default

List Item Title - Display 1

List Item Title - Display 2

List Item Title - Display 3

List Item Title - Display 4

List Item Title - Display 5

List Item Title - Display 6

List Item Title - Display 7

List Item Title - Display 8

Sub-list Item Title - Display Default
Sub-list Item Title - Display 1
Sub-list Item Title - Display 2
Sub-list Item Title - Display 3
Sub-list Item Title - Display 4
Sub-list Item Title - Display 5
Sub-list Item Title - Display 6
Sub-list Item Title - Display 7
Sub-list Item Title - Display 8
Note/Eyebrow - Display Default
Note/Eyebrow - Display 1
Note/Eyebrow - Display 2
Note/Eyebrow - Display 3
Note/Eyebrow - Display 4
Note/Eyebrow - Display 5
Note/Eyebrow - Display 6
Note/Eyebrow - Display 7
Note/Eyebrow - Display 8
Unstructured - Display Default
Unstructured - Display 1
Unstructured - Display 2
Unstructured - Display 3
Unstructured - Display 4
Unstructured - Display 5
Unstructured - Display 6
Unstructured - Display 7
Unstructured - Display 8