storybook-addon-material-ui
Advanced tools
Comparing version 0.6.3 to 0.6.4
{ | ||
"name": "storybook-addon-material-ui", | ||
"version": "0.6.3", | ||
"version": "0.6.4", | ||
"description": "Storybook Addon for Material Ui Library", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
@@ -0,1 +1,4 @@ | ||
[![GitHub version](https://badge.fury.io/gh/sm-react%2Fstorybook-addon-material-ui.svg)](https://badge.fury.io/gh/sm-react%2Fstorybook-addon-material-ui) | ||
[![npm version](https://badge.fury.io/js/storybook-addon-material-ui.svg)](https://badge.fury.io/js/storybook-addon-material-ui) | ||
# Storybook-Addon-Material-UI | ||
@@ -48,19 +51,10 @@ https://github.com/sm-react/storybook-addon-material-ui | ||
.add('Card Example Controlled', () => ( | ||
<div style={{ display: 'flex', justifyContent: 'center' }}> | ||
<div style={{ width: '50%', maxWidth: 500, minWidth: 200 }}> | ||
<CardExampleControlled /> | ||
</div> | ||
</div>)) | ||
.add('Raised Button Example Simple', () => ( | ||
<div style={{ display: 'flex', justifyContent: 'center' }}> | ||
<div style={{ width: '50%', maxWidth: 500, minWidth: 200 }}> | ||
)) | ||
.add('Raised Button Example Simple', () => ( | ||
<RaisedButtonExampleSimple /> | ||
</div> | ||
</div>)) | ||
.add('Date Picker Example Simple', () => ( | ||
<div style={{ display: 'flex', justifyContent: 'center' }}> | ||
<div style={{ width: '50%', maxWidth: 500, minWidth: 200 }}> | ||
)) | ||
.add('Date Picker Example Simple', () => ( | ||
<DatePickerExampleSimple /> | ||
</div> | ||
</div>)); | ||
)); | ||
``` | ||
@@ -100,19 +94,10 @@ > Note : You can switch between the loaded themes. Out of the box, you have two base themes, but you can simply add your custom themes like this: | ||
.add('Card Example Controlled', () => ( | ||
<div style={{ display: 'flex', justifyContent: 'center' }}> | ||
<div style={{ width: '50%', maxWidth: 500, minWidth: 200 }}> | ||
<CardExampleControlled /> | ||
</div> | ||
</div>)) | ||
.add('Raised Button Example Simple', () => ( | ||
<div style={{ display: 'flex', justifyContent: 'center' }}> | ||
<div style={{ width: '50%', maxWidth: 500, minWidth: 200 }}> | ||
)) | ||
.add('Raised Button Example Simple', () => ( | ||
<RaisedButtonExampleSimple /> | ||
</div> | ||
</div>)) | ||
.add('Date Picker Example Simple', () => ( | ||
<div style={{ display: 'flex', justifyContent: 'center' }}> | ||
<div style={{ width: '50%', maxWidth: 500, minWidth: 200 }}> | ||
)) | ||
.add('Date Picker Example Simple', () => ( | ||
<DatePickerExampleSimple /> | ||
</div> | ||
</div>)); | ||
)); | ||
@@ -131,1 +116,10 @@ | ||
> See details in [sreenshorts](https://github.com/sm-react/storybook-addon-material-ui/blob/master/docs/screenshorts.md) | ||
## Demo | ||
(will be soon) | ||
[![@UsulPro](https://img.shields.io/badge/github-UsulPro-blue.svg)](https://github.com/UsulPro) | ||
[![@sm-react](https://img.shields.io/badge/github-smARTLight-red.svg)](https://github.com/sm-react) | ||
147251
123