MDStyled Button Examples

ButtonExamples.jsx

        <div>
        <Button handleRoute = {() => {}}>Default</Button>
        <Button raised handleRoute={() => {}}>Raised</Button>
        <Button dense handleRoute={() => {}}>Dense Default</Button>
        <Button raised dense handleRoute={() => {}}>Dense Raised</Button>
        <Button compact handleRoute={() => {}}>Compact</Button>
        <Button compact raised handleRoute={() => {}}>Compact Raised</Button>
        <Button primary handleRoute={() => {}}>Default with Primary</Button>
        <Button raised primary handleRoute={() => {}}>Raised with Primary</Button>
        <Button accent handleRoute={() => {}}>Default with Accent</Button>
        <Button raised accent handleRoute={() => {}}>Raised with Accent</Button>
        </div>

        <div>
        <Button disabled handleRoute = {() => {}}>Default</Button>
        <Button disabled raised handleRoute={() => {}}>Raised</Button>
        <Button disabled dense handleRoute={() => {}}>Dense Default</Button>
        <Button disabled raised dense handleRoute={() => {}}>Dense Raised</Button>
        <Button disabled compact handleRoute={() => {}}>Compact</Button>
        <Button disabled compact raised handleRoute={() => {}}>Compact Raised</Button>
        <Button disabled primary handleRoute={() => {}}>Default with Primary</Button>
        <Button disabled raised primary handleRoute={() => {}}>Raised with Primary</Button>
        <Button disabled accent handleRoute={() => {}}>Default with Accent</Button>
        <Button disabled raised accent handleRoute={() => {}}>Raised with Accent</Button>
        </div>