Skip to content
PatternFly logo

Hint

A hint is in-app messaging that provides a one-step reminder, explanation, or call to action for a page or modal.

Examples

Basic 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.

Basic without title

Welcome to the new documentation experience.

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

Props

Hint

*required
NameTypeDefaultDescription
actionsReact.ReactNodeActions of the hint.
childrenReact.ReactNodeContent rendered inside the hint.
classNamestringAdditional classes applied to the hint.

HintTitle

*required
NameTypeDefaultDescription
childrenReact.ReactNodeContent rendered inside the hint title.
classNamestringAdditional classes applied to the hint title.

HintBody

*required
NameTypeDefaultDescription
childrenReact.ReactNodeContent rendered inside the hint body.
classNamestringAdditional classes applied to the hint body.

HintFooter

*required
NameTypeDefaultDescription
childrenReact.ReactNodeContent rendered inside the hint footer.
classNamestringAdditional classes applied to the hint footer.

View source on GitHub