Business Loans Accounts Style 02 Car Loans Checking Credit Cards Digital Banking Accounts Style 01 Home Equity Loans Insurance Investing Membership Mortgage Personal Loans RV, Boat, Motorcycle Loans Savings

Eyebrows

Eyebrows

.a-eyebrow

Overview

Description

Eyebrows are pieces of content that provide additional detail and context to panels. They can describe things like categories, tags, dates, etc.

Best Practices

  • Use only one eyebrow per panel.
  • If a panel falls under multiple content types, choose the primary content type to display.

Schema

Name Description Type Default Value Option(s)
eyebrow.modifier_classes
 Specifies modifier classes. All class names should follow the ABEM methodology. string - a-eyebrow--with-icon any
eyebrow.text
 Specifies the text of the eyebrow string - any
eyebrow.icon
 Specifies an optional Font Awesome icon. object - any

Example

Article

Eyebrow with Icon

Eyebrow with Icon

.a-eyebrow--with-icon

Example

Article