<Docs title="defaults">
	<IconButton label="Helper text" icon="globe" />
</Docs>

<Docs title="Large / yellow">
	<IconButton
		label="Helper text"
		icon="globe"
		size="large"
		backgroundColor="yellow"
	/>
</Docs>

<Docs title="medium / yellow">
	<IconButton
		label="Helper text"
		icon="globe"
		size="medium"
		backgroundColor="yellow"
	/>
</Docs>

<Docs title="small / yellow">
	<IconButton
		label="Helper text"
		icon="globe"
		size="small"
		backgroundColor="yellow"
	/>
</Docs>

<Docs title="no-padding / yellow ">
	<IconButton
		label="Helper text"
		icon="globe"
		size="no-padding"
		backgroundColor="yellow"
	/></Docs>

<Docs title="green">
	<IconButton label="Helper text" icon="globe" backgroundColor="green" />
</Docs>

<Docs title="lightgreen">
	<IconButton label="Helper text" icon="globe" backgroundColor="lightgreen" />
</Docs>

<Docs title="white">
	<IconButton label="Helper text" icon="globe" backgroundColor="white" />
</Docs>