Eyebrow
draft
Eyebrow is the short introductory content above the title.
<div class="nbhd-eyebrow">
Tortor Commodo Vestibulum</div>Element Properties
| Name | Type | Default | Description |
|---|---|---|---|
| content |
string
|
Content used for Eyebrow. | |
| cssClass |
string
|
Additional CSS class(es). |
CSS Properties
The following CSS Properties are available to update styling when provided with componentRenovation.
It is ideal to use the default component styling and only leverage the componentRenovation feature in extreme cases.
Refer to the Component Renovation guidelines on how to use.
Remember...with great power, comes great responsibility!
| Property | Description |
|---|---|
--nbhd-eyebrow-text-color
|
Controls the text color. |
--nbhd-eyebrow-font-size
|
Controls the font size. |
--nbhd-eyebrow-font-stack
|
Controls the font family. |
--nbhd-eyebrow-font-style
|
Controls the font style. |
--nbhd-eyebrow-font-weight
|
Controls the font weight. |
--nbhd-eyebrow-letter-spacing
|
Controls the letter spacing. |
--nbhd-eyebrow-line-height
|
Controls the line height. |
--nbhd-eyebrow-margin-block
|
Controls the block margin. |
--nbhd-eyebrow-margin-inline
|
Controls the inline margin. |
--nbhd-eyebrow-text-transform
|
Controls the text transform. |