diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic-panel.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic-panel.svg new file mode 100644 index 0000000000..f4fdfde30b --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic-panel.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic_panel.jpg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic_panel.jpg deleted file mode 100644 index 89dc411400..0000000000 Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic_panel.jpg and /dev/null differ diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic_panel.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic_panel.png deleted file mode 100644 index c9c26ff730..0000000000 Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic_panel.png and /dev/null differ diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search-panel.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search-panel.svg new file mode 100644 index 0000000000..a7e5aed11a --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search-panel.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search_panel.jpg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search_panel.jpg deleted file mode 100644 index 9a65daae12..0000000000 Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search_panel.jpg and /dev/null differ diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search_panel.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search_panel.png deleted file mode 100644 index 05459d04a6..0000000000 Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search_panel.png and /dev/null differ diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/panel.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/panel.md index ad04937301..bb7e8d39d5 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/panel.md +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/panel.md @@ -3,6 +3,8 @@ id: Panel section: components --- +import '../components.css'; + ## Usage Panels are commonly used: - To provide more content structure through the UI. @@ -11,7 +13,10 @@ Panels are commonly used: ### Examples The panel is used as a content block with a header, body, and footer.
-A basic panel with a header, body and footer
+
![A basic panel with a header, body and footer.](./img/basic-panel.svg)

+ +The panel is used as a dropdown menu for advanced search input.
-The panel is used a dropdown menu for advanced search input.
-The panel is used a dropdown menu for advanced search input +
+![A panel being used as a dropdown menu for advanced search input.](./img/search-panel.svg) +