Skip to content
Patternfly Logo

Info alert:Beta feature

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

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