From dcc7ff587b2a6e0127af0b863476f0420486e896 Mon Sep 17 00:00:00 2001 From: Siriwat Kunaporn Date: Sat, 16 May 2020 22:46:13 +0700 Subject: [PATCH] [docs] Improve mui-treasury integration (#21054) --- docs/src/pages/components/buttons/buttons.md | 2 +- docs/src/pages/components/cards/cards.md | 2 +- docs/src/pages/components/checkboxes/checkboxes.md | 2 ++ docs/src/pages/components/lists/lists.md | 2 +- docs/src/pages/components/menus/menus.md | 2 ++ docs/src/pages/components/selects/selects.md | 2 ++ docs/src/pages/components/switches/switches.md | 2 ++ docs/src/pages/components/tabs/tabs.md | 2 +- docs/src/pages/components/text-fields/text-fields.md | 2 +- 9 files changed, 13 insertions(+), 5 deletions(-) diff --git a/docs/src/pages/components/buttons/buttons.md b/docs/src/pages/components/buttons/buttons.md index d07956410ece4a..ff4d699f817136 100644 --- a/docs/src/pages/components/buttons/buttons.md +++ b/docs/src/pages/components/buttons/buttons.md @@ -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 diff --git a/docs/src/pages/components/cards/cards.md b/docs/src/pages/components/cards/cards.md index 989f0cff87ed49..6377dbe052caf3 100644 --- a/docs/src/pages/components/cards/cards.md +++ b/docs/src/pages/components/cards/cards.md @@ -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). diff --git a/docs/src/pages/components/checkboxes/checkboxes.md b/docs/src/pages/components/checkboxes/checkboxes.md index 037f1a2d6ce3fd..d603dac7a523a9 100644 --- a/docs/src/pages/components/checkboxes/checkboxes.md +++ b/docs/src/pages/components/checkboxes/checkboxes.md @@ -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/) diff --git a/docs/src/pages/components/lists/lists.md b/docs/src/pages/components/lists/lists.md index f5e9ba79c54f56..1e900e71d73109 100644 --- a/docs/src/pages/components/lists/lists.md +++ b/docs/src/pages/components/lists/lists.md @@ -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). diff --git a/docs/src/pages/components/menus/menus.md b/docs/src/pages/components/menus/menus.md index f444823de2b438..b1447eb8274f0d 100644 --- a/docs/src/pages/components/menus/menus.md +++ b/docs/src/pages/components/menus/menus.md @@ -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. diff --git a/docs/src/pages/components/selects/selects.md b/docs/src/pages/components/selects/selects.md index 712776e837f0c9..fa55d1debe729c 100644 --- a/docs/src/pages/components/selects/selects.md +++ b/docs/src/pages/components/selects/selects.md @@ -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. diff --git a/docs/src/pages/components/switches/switches.md b/docs/src/pages/components/switches/switches.md index edf36dfd8946df..e81b8272e739f0 100644 --- a/docs/src/pages/components/switches/switches.md +++ b/docs/src/pages/components/switches/switches.md @@ -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. diff --git a/docs/src/pages/components/tabs/tabs.md b/docs/src/pages/components/tabs/tabs.md index 7421ebb805400a..1e4c6b698fb677 100644 --- a/docs/src/pages/components/tabs/tabs.md +++ b/docs/src/pages/components/tabs/tabs.md @@ -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 diff --git a/docs/src/pages/components/text-fields/text-fields.md b/docs/src/pages/components/text-fields/text-fields.md index 7dfd721025f43a..e8197b7acf6690 100644 --- a/docs/src/pages/components/text-fields/text-fields.md +++ b/docs/src/pages/components/text-fields/text-fields.md @@ -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