From f08426080ebd7855d2a2c7f641b7db03246f853f Mon Sep 17 00:00:00 2001 From: siriwatknp Date: Wed, 22 Jan 2020 18:09:58 +0700 Subject: [PATCH] add links to mui-treasury --- docs/src/pages/components/cards/cards.md | 5 +++++ docs/src/pages/components/lists/lists.md | 4 ++++ docs/src/pages/components/text-fields/text-fields.md | 2 ++ .../discover-more/related-projects/related-projects.md | 8 ++++++++ 4 files changed, 19 insertions(+) diff --git a/docs/src/pages/components/cards/cards.md b/docs/src/pages/components/cards/cards.md index fc1e4bd428b697..1de904a65fe2be 100644 --- a/docs/src/pages/components/cards/cards.md +++ b/docs/src/pages/components/cards/cards.md @@ -48,3 +48,8 @@ Supplemental actions within the card are explicitly called out using icons, text Here's an example of a media control card. {{"demo": "pages/components/cards/MediaControlCard.js", "bg": true}} + +## Customization + +👑 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/lists/lists.md b/docs/src/pages/components/lists/lists.md index 0f2f5e8bb17fed..8ef471f5b772d3 100644 --- a/docs/src/pages/components/lists/lists.md +++ b/docs/src/pages/components/lists/lists.md @@ -96,3 +96,7 @@ Virtualization helps with performance issues. The use of [react-window](https://github.com/bvaughn/react-window) when possible is encouraged. If this library doesn't cover your use case, you should consider using [react-virtualized](https://github.com/bvaughn/react-virtualized), then alternatives like [react-virtuoso](https://github.com/petyosi/react-virtuoso). + +## Customization + +👑 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/components/menu-list). diff --git a/docs/src/pages/components/text-fields/text-fields.md b/docs/src/pages/components/text-fields/text-fields.md index ed483056d6c133..3e76ec12f282d0 100644 --- a/docs/src/pages/components/text-fields/text-fields.md +++ b/docs/src/pages/components/text-fields/text-fields.md @@ -120,6 +120,8 @@ 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/components/text-field). + ## Limitations ### Shrink diff --git a/docs/src/pages/discover-more/related-projects/related-projects.md b/docs/src/pages/discover-more/related-projects/related-projects.md index e1eb88a4b2c308..b8d6075773f46c 100644 --- a/docs/src/pages/discover-more/related-projects/related-projects.md +++ b/docs/src/pages/discover-more/related-projects/related-projects.md @@ -25,6 +25,14 @@ You didn't find the design assets your team is looking for? Let us know! This is a collection of third-party projects that extend Material-UI. +### Inspiration & Example code +- [mui-treasury](https://mui-treasury.com): a collection of ready-to-use components based on Material-UI. + +### Layout +- [@mui-treasury/layout](https://mui-treasury.com/layout/tutorials/dashboard-layout): Create instant layout for real-world application. If you want to build dashboard, personal blog or documentation site, have a look at this library. +It provide simple API with responsively configurable to build layout without tears. Take a look at clone examples [Reactjs doc site](https://mui-treasury.com/layout/clones/reactjs?bgColor=b6c0d4), [Messenger chat](https://mui-treasury.com/layout/clones/messenger?bgColor=rgb(0,153,255)&dark=true) +or [E-commerce shopping cart](https://mui-treasury.com/layout/clones/shopping-cart?bgColor=EAEEF1) + ### Tables - [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features.