import React from 'react'; import createClass from 'create-react-class'; import TextField from '../TextField/TextField'; import ProgressBar from './ProgressBar'; export default { title: 'Communication/ProgressBar', component: ProgressBar, parameters: { docs: { description: { component: (ProgressBar as any).peek.description, }, }, }, }; /* Basic */ export const Basic = () => { const style = { marginBottom: '10px', marginTop: '10px', }; class Component extends React.Component { constructor(props: any) { super(props); this.state = { value: '', percentComplete: 95, }; } render() { return (
Enter % complete: this.setState({ percentComplete: value, value: '' }) } />
); } } return ; }; /* Kinds */ export const Kinds = () => { const Component = createClass({ render() { return (

Default

Success

Warning

Danger

Info

); }, }); return ; }; /* With Title */ export const WithTitle = () => { const Component = createClass({ render() { return ( This is a title ); }, }); return ; };