Skip to content

Commit

Permalink
[docs] Improve mui-treasury integration (#21054)
Browse files Browse the repository at this point in the history
  • Loading branch information
siriwatknp committed May 16, 2020
1 parent 5fa4657 commit dcc7ff5
Show file tree
Hide file tree
Showing 9 changed files with 13 additions and 5 deletions.
2 changes: 1 addition & 1 deletion docs/src/pages/components/buttons/buttons.md
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@ Here are some examples of customizing the component. You can learn more about th

{{"demo": "pages/components/buttons/CustomizedButtons.js", "defaultCodeOpen": false}}

👑 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/button).
🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/button).

## Complex Buttons

Expand Down
2 changes: 1 addition & 1 deletion docs/src/pages/components/cards/cards.md
Original file line number Diff line number Diff line change
Expand Up @@ -51,5 +51,5 @@ Here's an example of a media control card.

## Customization

👑 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://deprecate.mui-treasury.com/components/card).
🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/components/card).

2 changes: 2 additions & 0 deletions docs/src/pages/components/checkboxes/checkboxes.md
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,8 @@ Here is an example of customizing the component. You can learn more about this i

{{"demo": "pages/components/checkboxes/CustomizedCheckbox.js", "defaultCodeOpen": false}}

🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/checkbox).

## When to use

- [Checkboxes vs. Radio Buttons](https://www.nngroup.com/articles/checkboxes-vs-radio-buttons/)
Expand Down
2 changes: 1 addition & 1 deletion docs/src/pages/components/lists/lists.md
Original file line number Diff line number Diff line change
Expand Up @@ -99,4 +99,4 @@ If this library doesn't cover your use case, you should consider using [react-vi

## Customization

👑 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/list-item).
🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/list-item).
2 changes: 2 additions & 0 deletions docs/src/pages/components/menus/menus.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,8 @@ Here is an example of customizing the component. You can learn more about this i
The `MenuItem` is a wrapper around `ListItem` with some additional styles.
You can use the same list composition features with the `MenuItem` component:

🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/menu).

## Max height menus

If the height of a menu prevents all menu items from being displayed, the menu can scroll internally.
Expand Down
2 changes: 2 additions & 0 deletions docs/src/pages/components/selects/selects.md
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,8 @@ Once it's styled, you can either use it directly as a text field or provide it t

{{"demo": "pages/components/selects/CustomizedSelects.js"}}

🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/select).

## Multiple Select

The `Select` component can handle multiple selections.
Expand Down
2 changes: 2 additions & 0 deletions docs/src/pages/components/switches/switches.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,8 @@ Here are some examples of customizing the component. You can learn more about th

{{"demo": "pages/components/switches/CustomizedSwitches.js"}}

🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/switch).

## Sizes

Fancy smaller switches? Use the `size` property.
Expand Down
2 changes: 1 addition & 1 deletion docs/src/pages/components/tabs/tabs.md
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ Here is an example of customizing the component. You can learn more about this i

{{"demo": "pages/components/tabs/CustomizedTabs.js", "bg": true}}

👑 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/tabs/).
🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/tabs/).

## Vertical tabs

Expand Down
2 changes: 1 addition & 1 deletion docs/src/pages/components/text-fields/text-fields.md
Original file line number Diff line number Diff line change
Expand Up @@ -120,7 +120,7 @@ Below is an example using the [`InputBase`](/api/input-base/) component, inspire

{{"demo": "pages/components/text-fields/CustomizedInputBase.js", "bg": true}}

👑 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/text-field).
🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/text-field).

## Limitations

Expand Down

0 comments on commit dcc7ff5

Please sign in to comment.