Socket
Socket
Sign inDemoInstall

storybook-addon-material-ui

Package Overview
Dependencies
251
Maintainers
2
Versions
56
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.6.3 to 0.6.4

2

package.json
{
"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)
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc