<Docs title="Primary">
<Button tag="button" type="submit">My button</Button>
</Docs>
<Docs title="Secondary" background="dark">
<Button variant="secondary">My button</Button>
</Docs>
<Docs title="Small">
<Button size="small">My button</Button>
</Docs>
<Docs title="Outline">
<Button outline>My button</Button>
</Docs>
<Docs title="Loading">
<Button isLoading>My button</Button>
</Docs>
<Docs title="As Link">
<Button href="#">My button</Button>
</Docs>
<Docs title="As Div">
<Button tag="div">My button</Button>
</Docs>
<Docs title="As span">
<Button tag="span">My button</Button>
</Docs>