Examples
Hint with title
Do more with Find it Fix it capabilities
Upgrade to Red Hat Smart Management to remediate all your systems across regions and geographies.
Do more with Find it Fix it capabilities
Upgrade to Red Hat Smart Management to remediate all your systems across regions and geographies.
Default with no title
Welcome to the new documentation experience.
Learn more about the improved features.
Upgrade to Red Hat Smart Management to remediate all your systems across regions and geographies.
Documentation
Usage
Class | Applied to | Outcome |
|---|---|---|
.pf-c-hint | <div> | Initiates the hint component. Required |
.pf-c-hint__title | <div> | Initiates the hint title element. |
.pf-c-hint__body | <div> | Initiates the hint body element. |
.pf-c-hint__footer | <div> | Initiates the hint footer element. |
.pf-c-hint__actions | <div> | Initiates the hint actions element. |
CSS variables
| .pf-c-hint | --pf-c-hint--GridRowGap | 1rem | ||
| .pf-c-hint | --pf-c-hint--PaddingTop | 1.5rem | ||
| .pf-c-hint | --pf-c-hint--PaddingRight | 1.5rem | ||
| .pf-c-hint | --pf-c-hint--PaddingBottom | 1.5rem | ||
| .pf-c-hint | --pf-c-hint--PaddingLeft | 1.5rem | ||
| .pf-c-hint | --pf-c-hint--BackgroundColor | #e7f1fa | ||
| .pf-c-hint | --pf-c-hint--BorderColor | #bee1f4 | ||
| .pf-c-hint | --pf-c-hint--BorderWidth | 1px | ||
| .pf-c-hint | --pf-c-hint--BoxShadow | 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06) | ||
| .pf-c-hint | --pf-c-hint--Color | #151515 | ||
| .pf-c-hint | --pf-c-hint__title--FontSize | 1.125rem | ||
| .pf-c-hint | --pf-c-hint__body--FontSize | 1rem | ||
| .pf-c-hint | --pf-c-hint__footer--child--MarginRight | 1rem | ||
| .pf-c-hint | --pf-c-hint__actions--MarginLeft | 3rem | ||
| .pf-c-hint | --pf-c-hint__actions--c-dropdown--MarginTop | calc(0.375rem * -1) | ||
View source on GitHub
