Usage
import { TextButton, SvgSearch } from '@loomhq/lens'
<TextButton icon={<SvgSearch />}>Search</TextButton>
Sizes
<Distribute gap="medium" alignment="center">
<TextButton icon={<SvgAdd />}>Medium</TextButton>
<TextButton size="small" icon={<SvgAdd />}>Small</TextButton>
</Distribute>
With icon
<Distribute gap="medium">
<TextButton icon={<SvgShare />}>Share</TextButton>
<TextButton icon={<SvgAdd />}>New Item</TextButton>
<TextButton icon={<SvgSearch />}>Search</TextButton>
</Distribute>
See the Icon set.
Without icon
<Distribute gap="medium">
<TextButton>Open</TextButton>
<TextButton>Archive</TextButton>
<TextButton>Delete</TextButton>
</Distribute>
Disabled
<TextButton isDisabled icon={<SvgAdd />}>
New Item
</TextButton>
Props
size
oneOf: "small", "medium"
'medium'