joyent-portal/packages/ui-toolkit/src/icons/section.md

103 lines
1.5 KiB
Markdown
Raw Normal View History

Icons here are used to denote sperate sections within the Instance Managements space of Triton Compute.
```js noeditor
const React = require('react');
const { List, Icon, ListItem } = require('./icons');
const { default: Label } = require('../label');
const { default: theme } = require('../theme');
const {
Actions,
Affinity,
Arrow,
Bin,
Checkcircle,
Clipboard,
Close,
Cns,
Copy,
DataCenter,
Delete,
Dot,
Duplicate,
Edit,
Firewall,
Health,
Id,
Import,
InstanceCount,
InstanceType,
Instances,
Loading,
Login,
Metadata,
Minus,
Network,
Package,
Plus,
Reset,
Start,
Stop,
Tags,
Triton,
User
} = require('.');
<List>
<ListItem>
<Icon>
<Affinity />
</Icon>
<Label>Affinity</Label>
</ListItem>
<ListItem>
<Icon>
<Firewall />
</Icon>
<Label>Firewall</Label>
</ListItem>
<ListItem>
<Icon>
<Cns />
</Icon>
<Label>CNS/DNS</Label>
</ListItem>
<ListItem>
<Icon>
<InstanceCount />
</Icon>
<Label>InstanceCount</Label>
</ListItem>
<ListItem>
<Icon>
<InstanceType />
</Icon>
<Label>InstanceType</Label>
</ListItem>
<ListItem>
<Icon>
<Metadata />
</Icon>
<Label>Metadata</Label>
</ListItem>
<ListItem>
<Icon>
<Package />
</Icon>
<Label>Package</Label>
</ListItem>
<ListItem>
<Icon>
<Network />
</Icon>
<Label>Network</Label>
</ListItem>
<ListItem>
<Icon>
<Tags />
</Icon>
<Label>Tags</Label>
</ListItem>
</List>;
```