setup React Storybook; add example story for LoadingIndicator component
This commit is contained in:
		
							parent
							
								
									77efdfa110
								
							
						
					
					
						commit
						71e7537330
					
				
							
								
								
									
										12
									
								
								package.json
									
									
									
									
									
								
							
							
						
						
									
										12
									
								
								package.json
									
									
									
									
									
								
							| @ -1,6 +1,11 @@ | ||||
| { | ||||
|   "name": "mastodon", | ||||
|   "scripts": { | ||||
|     "storybook": "start-storybook -p 9001 -c storybook" | ||||
|   }, | ||||
|   "devDependencies": { | ||||
|     "@kadira/storybook": "^2.24.0", | ||||
|     "axios": "^0.14.0", | ||||
|     "babel-plugin-react-transform": "^2.0.2", | ||||
|     "babel-plugin-transform-object-rest-spread": "^6.8.0", | ||||
|     "babel-preset-es2015": "^6.13.2", | ||||
| @ -8,17 +13,16 @@ | ||||
|     "babelify": "^7.3.0", | ||||
|     "browserify": "^13.1.0", | ||||
|     "browserify-incremental": "^3.1.1", | ||||
|     "react": "^15.3.0", | ||||
|     "react-dom": "^15.3.0", | ||||
|     "react-proxy": "^1.1.8", | ||||
|     "axios": "^0.14.0", | ||||
|     "es6-promise": "^3.2.1", | ||||
|     "immutable": "^3.8.1", | ||||
|     "moment": "^2.14.1", | ||||
|     "react": "^15.3.0", | ||||
|     "react-addons-perf": "^15.3.2", | ||||
|     "react-addons-pure-render-mixin": "^15.3.1", | ||||
|     "react-dom": "^15.3.0", | ||||
|     "react-immutable-proptypes": "^2.1.0", | ||||
|     "react-notification": "^6.1.1", | ||||
|     "react-proxy": "^1.1.8", | ||||
|     "react-redux": "^5.0.0-beta.3", | ||||
|     "react-redux-loading-bar": "^2.3.3", | ||||
|     "react-router": "^2.8.0", | ||||
|  | ||||
							
								
								
									
										14
									
								
								storybook/config.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										14
									
								
								storybook/config.js
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,14 @@ | ||||
| import { configure } from '@kadira/storybook'; | ||||
| import React from 'react'; | ||||
| import { storiesOf, action } from '@kadira/storybook'; | ||||
| 
 | ||||
| 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.
 | ||||
| } | ||||
| 
 | ||||
| configure(loadStories, module); | ||||
							
								
								
									
										6
									
								
								storybook/stories/loading_indicator.story.jsx
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										6
									
								
								storybook/stories/loading_indicator.story.jsx
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,6 @@ | ||||
| import LoadingIndicator from '../../app/assets/javascripts/components/components/loading_indicator.jsx' | ||||
| 
 | ||||
| storiesOf('LoadingIndicator', module) | ||||
|   .add('default state', () => ( | ||||
|     <LoadingIndicator /> | ||||
|   )); | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user