import { storiesOf } from "@storybook/react"; import * as React from "react"; const useState = React.useState; import { Steps} from "../components/Steps"; import {Button} from '../components/Button'; const {Step} = Steps; storiesOf("Steps", module).add("Examples", () => { const [currentStep, setStep] = useState(0); const handleChange = (curr: any) => { setStep(curr); } return (
Note, in order to achieve figma specifications, the text on top of the bubbles will have to overflow their containers for now, this will have to be handled by the user. If you don't need icons for the various steps, use the next module