forked from treehouse/mastodon
add stylesheet; add story for Button component
parent
71e7537330
commit
4eeb7947bd
File diff suppressed because it is too large
Load Diff
|
@ -2,13 +2,17 @@ import { configure } from '@kadira/storybook';
|
|||
import React from 'react';
|
||||
import { storiesOf, action } from '@kadira/storybook';
|
||||
|
||||
import './storybook.css'
|
||||
// for now just simply $ rake asset:precompile && mv public/assets/application-ebf... storybook/application.css
|
||||
import './application.css'
|
||||
|
||||
window.storiesOf = storiesOf;
|
||||
window.action = action;
|
||||
window.React = React;
|
||||
|
||||
function loadStories () {
|
||||
require('./stories/loading_indicator.story.jsx');
|
||||
// You can require as many stories as you need.
|
||||
require('./stories/button.story.jsx');
|
||||
}
|
||||
|
||||
configure(loadStories, module);
|
||||
|
|
|
@ -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')} />
|
||||
));
|
|
@ -0,0 +1,3 @@
|
|||
#root {
|
||||
padding: 4rem;
|
||||
}
|
Loading…
Reference in New Issue