#### Icon Button
Icon buttons are to be used to illustrate important actions and for when we are redirecting users to seperate services such as Github.
```jsx
// Name: Example
const React = require('react');
const { default: Button } = require('./');
const { StartIcon } = require('../');
;
```
#### Delete Button
The delete button is basically an icon button, however it is coloured red to display the destructive nature of the action.
```jsx
// Name: Active
const React = require('react');
const { default: Button } = require('./');
const { DeleteIcon } = require('../');
;
// Tab: Disabled
const React = require('react');
const { default: Button } = require('./');
const { DeleteIcon } = require('../');
;
```
#### Dropdown Button
Dropdown Button is to be used when users have choices that are secondary to the one shown as the main action
```jsx
// Name: Example
const React = require('react');
const { default: ButtonGroup } = require('./group');
const { default: PopoverButton } = require('./popover');
const { Item } = require('../popover');
const { default: Button } = require('./');
const { StartIcon } = require('../');
HelloWorld;
```
#### Toggle Switch
Toggle switch is to be used when users have the choice to turn a service or feature on or off.
```jsx
// Name: Active
const React = require('react');
const { default: FormGroup } = require('../form/group');
const { default: Toggle } = require('../form/toggle');
Activate;
// Tab: Disabled
const React = require('react');
const { default: FormGroup } = require('../form/group');
const { default: Toggle } = require('../form/toggle');
Activate
;
```