From ad4c5894beab1dfae07faf4b979816ab0804351a Mon Sep 17 00:00:00 2001 From: mfrances Date: Mon, 20 Jan 2025 10:26:49 -0500 Subject: [PATCH] move bgcolor example to main section --- .../src/components/Toolbar/examples/Toolbar.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/react-core/src/components/Toolbar/examples/Toolbar.md b/packages/react-core/src/components/Toolbar/examples/Toolbar.md index 42d4a11cdef..99ae433ed5c 100644 --- a/packages/react-core/src/components/Toolbar/examples/Toolbar.md +++ b/packages/react-core/src/components/Toolbar/examples/Toolbar.md @@ -62,6 +62,14 @@ Note: This example does not demonstrate responsive toolbar behavior. Responsive ``` +### Background color variants + +To change the background color of a toolbar, use the `colorVariant` property on the ``. + +```ts file="./ToolbarColorVariant.tsx" + +``` + ## Examples with toggle groups and filters The following examples use toggle groups to allow for more responsive and complex toolbars with multiple items and groups of items. To visualize responsive toolbar behavior in the following examples, resize the browser to a smaller screen width. @@ -112,11 +120,3 @@ When all of a toolbar's required elements cannot fit in a single line, you can s ```ts file="./ToolbarStacked.tsx" ``` - -### Background color variants - -To change the background color of a toolbar, use the `colorVariant` property on the ``. - -```ts file="./ToolbarColorVariant.tsx" - -```