Note
draft
Additional secondary content on a component.
<div class="nbhd-note">Maecenas faucibus mollis interdum.</div>Element Properties
| Name | Type | Default | Description |
|---|---|---|---|
| content |
string
|
Content used for Note | |
| 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-note-text-color
|
Controls the text color. |
--nbhd-note-border-inline-start
|
Controls the inline start border. |
--nbhd-note-border-inline-color
|
Controls the color of the inline border. |
--nbhd-note-font-stack
|
Controls the font family. |
--nbhd-note-font-size
|
Controls the font size. |
--nbhd-note-font-style
|
Controls the font style. |
--nbhd-note-font-weight
|
Controls the font weight. |
--nbhd-note-line-height
|
Controls the line height. |
--nbhd-note-margin-block
|
Controls the block margin. |
--nbhd-note-padding-inline
|
Controls the inline padding. |