Skip to content

Commit b58aca0

Browse files
mfrances17mattnolting
authored andcommitted
fix(Toolbar): Fix formatting of Stacked example (patternfly#11426)
* fix(Toolbar): fix formatting of stacked example * move bgcolor example to main section
1 parent 8c813ac commit b58aca0

File tree

1 file changed

+8
-8
lines changed
  • packages/react-core/src/components/Toolbar/examples

1 file changed

+8
-8
lines changed

packages/react-core/src/components/Toolbar/examples/Toolbar.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -62,6 +62,14 @@ Note: This example does not demonstrate responsive toolbar behavior. Responsive
6262

6363
```
6464

65+
### Background color variants
66+
67+
To change the background color of a toolbar, use the `colorVariant` property on the `<Toolbar>`.
68+
69+
```ts file="./ToolbarColorVariant.tsx"
70+
71+
```
72+
6573
## Examples with toggle groups and filters
6674

6775
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
112120
```ts file="./ToolbarStacked.tsx"
113121

114122
```
115-
116-
## Background color variants
117-
118-
To change the background color of a toolbar, use the `colorVariant` property on the `<Toolbar>`.
119-
120-
```ts file="./ToolbarColorVariant.tsx"
121-
122-
```

0 commit comments

Comments
 (0)