Skip to content

Commit

Permalink
add links to mui-treasury
Browse files Browse the repository at this point in the history
  • Loading branch information
siriwatknp committed Jan 21, 2020
1 parent 0d56ff2 commit e8e2b4e
Show file tree
Hide file tree
Showing 2 changed files with 11 additions and 0 deletions.
3 changes: 3 additions & 0 deletions docs/src/pages/components/cards/cards.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,8 @@ components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedi

They should be easy to scan for relevant and actionable information. Elements, like text and images, should be placed on them in a way that clearly indicates hierarchy.

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

## Simple Card

Although cards can support multiple actions, UI controls, and an overflow menu, use restraint and remember that cards are entry points to more complex and detailed information.
Expand Down Expand Up @@ -48,3 +50,4 @@ 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}}

Original file line number Diff line number Diff line change
Expand Up @@ -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 card](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.
Expand Down

0 comments on commit e8e2b4e

Please sign in to comment.