2017-09-26 19:07:45 +03:00
|
|
|
```js noeditor
|
2017-10-31 12:03:44 +02:00
|
|
|
const React = require('react');
|
2017-11-23 14:18:38 +02:00
|
|
|
const { List, Icon, ListItem } = require('./icons');
|
|
|
|
const { default: Label } = require('../label');
|
|
|
|
const { default: theme } = require('../theme');
|
2017-10-31 12:03:44 +02:00
|
|
|
|
2017-11-23 14:18:38 +02:00
|
|
|
const {
|
|
|
|
Actions,
|
|
|
|
Affinity,
|
|
|
|
Arrow,
|
|
|
|
Bin,
|
|
|
|
Checkcircle,
|
|
|
|
Clipboard,
|
|
|
|
Close,
|
|
|
|
Cns,
|
2017-11-28 16:50:55 +02:00
|
|
|
Copy,
|
2017-11-23 14:18:38 +02:00
|
|
|
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>
|
|
|
|
<Actions />
|
|
|
|
</Icon>
|
|
|
|
<Label>Actions > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Actions light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Actions > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Actions disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Actions > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Affinity />
|
|
|
|
</Icon>
|
|
|
|
<Label>Affinity > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Affinity light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Affinity > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Affinity disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Affinity > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Arrow />
|
|
|
|
</Icon>
|
|
|
|
<Label>Arrow > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Arrow direction="right" />
|
|
|
|
</Icon>
|
|
|
|
<Label>Arrow > Right</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Arrow direction="up" />
|
|
|
|
</Icon>
|
|
|
|
<Label>Arrow > Up</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Arrow direction="left" />
|
|
|
|
</Icon>
|
|
|
|
<Label>Arrow > left</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Arrow light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Arrow > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Arrow disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Arrow > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Bin />
|
|
|
|
</Icon>
|
|
|
|
<Label>Bin > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark >
|
|
|
|
<Bin light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Bin > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Bin disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Bin > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Checkcircle checked />
|
|
|
|
</Icon>
|
|
|
|
<Label>Tick</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Checkcircle checked fill />
|
|
|
|
</Icon>
|
|
|
|
<Label>Completed</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Checkcircle checked border />
|
|
|
|
</Icon>
|
|
|
|
<Label>Part Completed</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Checkcircle border />
|
|
|
|
</Icon>
|
|
|
|
<Label>Incomplete</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Close />
|
|
|
|
</Icon>
|
|
|
|
<Label>Close</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Clipboard />
|
|
|
|
</Icon>
|
|
|
|
<Label>Clipboard > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Clipboard light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Clipboard > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Clipboard disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Clipboard > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Cns />
|
|
|
|
</Icon>
|
|
|
|
<Label>CNS > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Cns light />
|
|
|
|
</Icon>
|
|
|
|
<Label>CNS > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Cns disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>CNS > Disabled</Label>
|
|
|
|
</ListItem>
|
2017-11-28 16:50:55 +02:00
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Copy />
|
|
|
|
</Icon>
|
|
|
|
<Label>Copy > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Copy light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Copy > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Copy disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Copy > Disabled</Label>
|
|
|
|
</ListItem>
|
2017-11-23 14:18:38 +02:00
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<DataCenter />
|
|
|
|
</Icon>
|
|
|
|
<Label>Data Centre > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<DataCenter light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Data Centre > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<DataCenter disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Data Centre > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Delete fill={theme.red} />
|
|
|
|
</Icon>
|
|
|
|
<Label>Delete > Red</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Delete light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Delete > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Delete />
|
|
|
|
</Icon>
|
|
|
|
<Label>Delete > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Delete disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Delete > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Dot color='primary' />
|
|
|
|
</Icon>
|
|
|
|
<Label>Dot > Primary</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Duplicate />
|
|
|
|
</Icon>
|
|
|
|
<Label>Duplicate > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Duplicate light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Duplicate > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Duplicate disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Duplicate > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Edit />
|
|
|
|
</Icon>
|
|
|
|
<Label>Edit > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Edit light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Edit > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Edit disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Edit > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Firewall />
|
|
|
|
</Icon>
|
|
|
|
<Label>Firewall > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Firewall light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Firewall > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Firewall disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Firewall > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Health />
|
|
|
|
</Icon>
|
|
|
|
<Label>Health > Healthy</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Health healthy={false} />
|
|
|
|
</Icon>
|
|
|
|
<Label>Health > Unhealthy</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Id />
|
|
|
|
</Icon>
|
|
|
|
<Label>Id > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Id light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Id > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Id disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Id > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Import />
|
|
|
|
</Icon>
|
|
|
|
<Label>Import</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<InstanceCount />
|
|
|
|
</Icon>
|
|
|
|
<Label>InstanceCount > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<InstanceCount light />
|
|
|
|
</Icon>
|
|
|
|
<Label>InstanceCount > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<InstanceCount disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>InstanceCount > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<InstanceType />
|
|
|
|
</Icon>
|
|
|
|
<Label>InstanceType > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<InstanceType light />
|
|
|
|
</Icon>
|
|
|
|
<Label>InstanceType > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<InstanceType disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>InstanceType > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Instances />
|
|
|
|
</Icon>
|
|
|
|
<Label>Instances > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Instances light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Instances > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Instances disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Instances > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Loading />
|
|
|
|
</Icon>
|
|
|
|
<Label>Loading > Primary</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Loading secondary />
|
|
|
|
</Icon>
|
|
|
|
<Label>Loading > Secondary</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Loading light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Loading > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Loading disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Loading > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Login />
|
|
|
|
</Icon>
|
|
|
|
<Label>Login > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Login light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Login > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Login disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Login > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Metadata />
|
|
|
|
</Icon>
|
|
|
|
<Label>Metadata > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Metadata light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Metadata > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Metadata disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Metadata > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Minus />
|
|
|
|
</Icon>
|
|
|
|
<Label>Minus > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Minus light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Minus > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Minus disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Minus > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Network />
|
|
|
|
</Icon>
|
|
|
|
<Label>Network > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Network light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Network > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Network disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Network > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Package />
|
|
|
|
</Icon>
|
|
|
|
<Label>Package > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Package light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Package > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Package disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Package > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Plus />
|
|
|
|
</Icon>
|
|
|
|
<Label>Plus > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Plus light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Plus > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Plus disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Plus > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Reset />
|
|
|
|
</Icon>
|
|
|
|
<Label>Reset > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Reset light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Reset > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Reset disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Reset > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Start />
|
|
|
|
</Icon>
|
|
|
|
<Label>Start > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Start light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Start > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Start disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Start > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Stop />
|
|
|
|
</Icon>
|
|
|
|
<Label>Stop > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Stop light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Stop > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Stop disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Stop > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Tags />
|
|
|
|
</Icon>
|
|
|
|
<Label>Tags > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Tags light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Tags > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Tags disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Tags > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Triton />
|
|
|
|
</Icon>
|
|
|
|
<Label>Triton > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Triton light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Triton > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Triton disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Triton > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Triton beta />
|
|
|
|
</Icon>
|
|
|
|
<Label>Triton Beta > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<Triton beta light />
|
|
|
|
</Icon>
|
|
|
|
<Label>Triton Beta > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<Triton beta disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>Triton Beta > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<User />
|
|
|
|
</Icon>
|
|
|
|
<Label>User > Dark</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon dark>
|
|
|
|
<User light />
|
|
|
|
</Icon>
|
|
|
|
<Label>User > Light</Label>
|
|
|
|
</ListItem>
|
|
|
|
<ListItem>
|
|
|
|
<Icon>
|
|
|
|
<User disabled />
|
|
|
|
</Icon>
|
|
|
|
<Label>User > Disabled</Label>
|
|
|
|
</ListItem>
|
|
|
|
</List>;
|
2017-10-12 21:15:51 +03:00
|
|
|
```
|