diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/hint.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/hint.md index eed29f4b6b..203e0fa80c 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/hint.md +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/hint.md @@ -2,6 +2,7 @@ id: Hint section: components --- +import '../components.css'; For information on other forms of on-screen help, see [Tooltip](/components/tooltip/design-guidelines) and [Popover](/components/popover/design-guidelines). @@ -9,7 +10,9 @@ For information on other forms of on-screen help, see [Tooltip](/components/tool Use hints to share information about an interaction or prerequisite step that might not be immediately obvious to the user. -blue hint at the top of an application page +
+![hint at the top of a UI screen](./img/hint-element.svg) +
## Content considerations Use full sentences with punctuation. diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hint-element.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hint-element.svg new file mode 100644 index 0000000000..f1483ecdcf --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hint-element.svg @@ -0,0 +1,136 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hint-layout.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hint-layout.png deleted file mode 100644 index 51e7a82d40..0000000000 Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hint-layout.png and /dev/null differ diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hints.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hints.png deleted file mode 100644 index 896f14fb97..0000000000 Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hints.png and /dev/null differ diff --git a/packages/documentation-site/patternfly-docs/pages/landing-pages/components/components-data.json b/packages/documentation-site/patternfly-docs/pages/landing-pages/components/components-data.json index 9664c7def1..cde9244e95 100644 --- a/packages/documentation-site/patternfly-docs/pages/landing-pages/components/components-data.json +++ b/packages/documentation-site/patternfly-docs/pages/landing-pages/components/components-data.json @@ -165,7 +165,7 @@ }, "hint": { "illustration": "./images/component-illustrations/hint.png", - "summary": "A hint is an in-app message that shares reminders, explanations, or calls to action within a page or modal." + "summary": "A hint is an in-app message that shares reminders, explanations, or calls to action within a page." }, "icon": { "illustration": "./images/component-illustrations/icon.png",