Skip to Content
Patternfly Logo

Hint

Info alert:Beta feature

This Beta component is currently under review, so please join in and give us your feedback on the PatternFly forum
ExamplesDocumentationCSS Variables

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.

Upgrade to Red Hat Smart Management to remediate all your systems across regions and geographies.

Documentation

Usage

ClassApplied toOutcome
.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--GridRowGapc_hint_GridRowGap
1rem
.pf-c-hint--pf-c-hint--PaddingTopc_hint_PaddingTop
1.5rem
.pf-c-hint--pf-c-hint--PaddingRightc_hint_PaddingRight
1.5rem
.pf-c-hint--pf-c-hint--PaddingBottomc_hint_PaddingBottom
1.5rem
.pf-c-hint--pf-c-hint--PaddingLeftc_hint_PaddingLeft
1.5rem
.pf-c-hint--pf-c-hint--BackgroundColorc_hint_BackgroundColor
#e7f1fa
.pf-c-hint--pf-c-hint--BorderColorc_hint_BorderColor
#bee1f4
.pf-c-hint--pf-c-hint--BorderWidthc_hint_BorderWidth
1px
.pf-c-hint--pf-c-hint--BoxShadowc_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--Colorc_hint_Color
#151515
.pf-c-hint--pf-c-hint__title--FontSizec_hint__title_FontSize
1.125rem
.pf-c-hint--pf-c-hint__body--FontSizec_hint__body_FontSize
1rem
.pf-c-hint--pf-c-hint__footer--child--MarginRightc_hint__footer_child_MarginRight
1rem
.pf-c-hint--pf-c-hint__actions--MarginLeftc_hint__actions_MarginLeft
3rem
.pf-c-hint--pf-c-hint__actions--c-dropdown--MarginTopc_hint__actions_c_dropdown_MarginTop
calc(0.375rem * -1)