Devchallenges.io

Colors
Typography
Spaces
Buttons
Inputs

Buttons

<Button />

&:hover, &:focus

<Button variant="outline" />

&:hover, &:focus

<Button variant="text" />

&:hover, &:focus

<Button disableShadow />

<Button disabled />

<Button variant='text' disabled />

<Button startIcon='local_grocery_store' />

<Button endIcon='local_grocery_store' />

<Button variant='text' startIcon='local_grocery_store' />

<Button variant='text' endIcon='local_grocery_store' />

<Button variant='outline' startIcon='local_grocery_store' />

<Button variant='outline' endIcon='local_grocery_store' />

<Button size="sm"/>

<Button size="md"/>

<Button size="lg"/>

<Button color="default"/>

<Button color="primary"/>

<Button color="secondary"/>

<Button color="danger"/>

&:hover, &:focus

&:hover, &:focus

&:hover, &:focus

&:hover, &:focus

<Button color="default" variant="text"/>

<Button color="primary" variant="text" />

<Button color="secondary" variant="text" />

<Button color="danger" variant="text" />

<Button color="default" variant="outline"/>

<Button color="primary" variant="outline" />

<Button color="secondary" variant="outline" />

<Button color="danger" variant="outline" />

created by salindae25 - devChallenge