Merge branch 'kschaper-react-storybook'

signup-info-prompt
Eugen Rochko 2016-10-12 12:09:37 +02:00
commit e2ff39bf5d
7 changed files with 4801 additions and 1 deletions

View File

@ -3,3 +3,4 @@
public/system public/system
public/assets public/assets
node_modules node_modules
storybook

View File

@ -1,9 +1,11 @@
{ {
"name": "mastodon", "name": "mastodon",
"scripts": { "scripts": {
"test": "mocha --require ./spec/javascript/setup.js --compilers js:babel-register ./spec/javascript/components/*.test.jsx" "test": "mocha --require ./spec/javascript/setup.js --compilers js:babel-register ./spec/javascript/components/*.test.jsx",
"storybook": "start-storybook -p 9001 -c storybook"
}, },
"devDependencies": { "devDependencies": {
"@kadira/storybook": "^2.24.0",
"axios": "^0.14.0", "axios": "^0.14.0",
"babel-plugin-react-transform": "^2.0.2", "babel-plugin-react-transform": "^2.0.2",
"babel-plugin-transform-object-rest-spread": "^6.8.0", "babel-plugin-transform-object-rest-spread": "^6.8.0",

16
storybook/config.js Normal file
View File

@ -0,0 +1,16 @@
import { configure } from '@kadira/storybook';
import React from 'react';
import { storiesOf, action } from '@kadira/storybook';
import './storybook.css'
window.storiesOf = storiesOf;
window.action = action;
window.React = React;
function loadStories () {
require('./stories/loading_indicator.story.jsx');
require('./stories/button.story.jsx');
}
configure(loadStories, module);

View File

@ -0,0 +1,15 @@
import Button from '../../app/assets/javascripts/components/components/button.jsx'
storiesOf('Button', module)
.add('default state', () => (
<Button text="submit" onClick={action('clicked')} />
))
.add('secondary', () => (
<Button secondary text="submit" onClick={action('clicked')} />
))
.add('disabled', () => (
<Button disabled text="submit" onClick={action('clicked')} />
))
.add('block', () => (
<Button block text="submit" onClick={action('clicked')} />
));

View File

@ -0,0 +1,6 @@
import LoadingIndicator from '../../app/assets/javascripts/components/components/loading_indicator.jsx'
storiesOf('LoadingIndicator', module)
.add('default state', () => (
<LoadingIndicator />
));

3
storybook/storybook.css Normal file
View File

@ -0,0 +1,3 @@
#root {
padding: 4rem;
}

4757
yarn.lock Normal file

File diff suppressed because it is too large Load Diff