Skip to content

Commit ffc6d88

Browse files
authored
fix(Toolbar): Fix formatting of Stacked example (#11426)
* fix(Toolbar): fix formatting of stacked example * move bgcolor example to main section
1 parent 6733ef5 commit ffc6d88

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)