---
name: Fab
menu: Atoms
route: /atoms/Fab
---

import Fab from './Fab';
import { Playground, Props } from 'docz';

# Fab

This component renders an HTML `<div>` and passes along all props.

## API
<Props of={Fab} />

## Primary large

<Playground>
	 <Fab isFixed />
</Playground>


## Medium

<Playground>
	 <Fab isFixed={false} size="medium" />
</Playground>

## Small

<Playground>
	 <Fab isFixed={false} size="small" />
</Playground>

## Disabled

<Playground>
	 <Fab isFixed={false} disabled />
</Playground>

## Secondary

<Playground>
	 <Fab isFixed={false} color="secondary" />
</Playground>

## Child set

<Playground>
	 <Fab isFixed={false}>D</Fab>
</Playground>

## Extended

<Playground>
	 <Fab isFixed={false} variant="extended" />
</Playground>