@worldresources/gfw-components
Version:
React component library for the Global Forest Watch project.
35 lines (34 loc) • 814 B
Markdown
Generic `<button />` with style fixes for IE>=11 and a variety of render props, and ability to wrap with a tooltip.
```js
<Button size="large">Big</Button>
<br />
<Button>Default</Button>
<br />
<Button size="medium">Medium</Button>
<br />
<Button size="small">Small</Button>
<br />
<Button>Default</Button>
<br />
<Button light>Light</Button>
<br />
<Button lightGrey>Light Grey</Button>
<br />
<Button lightGreyAlternate>Light Grey alternate</Button>
<br />
<Button dark>Dark</Button>
<br />
<Button clear>Clear</Button>
<br />
<Button square>Square</Button>
<br />
<Button round>$</Button>
<br />
<Button disabled>Default</Button>
<br />
<Button light disabled>Light</Button>
<br />
<Button dark disabled>Dark</Button>
<br />
<Button light tooltip={{ content: 'Thanks for hovering' }}>With tooltip</Button>
```