Spearhead/joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

docs(ui-toolkit): pdated functional icons docs

Browse Source
This commit is contained in:
Inayaili de León Persson 2018-01-03 15:37:06 +00:00 committed by Sara Vieira
parent 9d10faabe8
commit 8eecebfe47
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/ui-toolkit/src/icons/functional.md
View File

@ -1,4 +1,4 @@
Icons here are used to support funtions and actions users can take withini the Triton service. These icons are used to support funtions and actions users can take within the Triton service.
```js noeditor ```js noeditor
const React = require('react'); const React = require('react');
@ -60,19 +60,19 @@ const {
<Icon> <Icon>
<Arrow direction="right" /> <Arrow direction="right" />
</Icon> </Icon>
<Label>Arrow &gt; Right</Label> <Label>Arrow > Right</Label>
</ListItem> </ListItem>
<ListItem> <ListItem>
<Icon> <Icon>
<Arrow direction="up" /> <Arrow direction="up" />
</Icon> </Icon>
<Label>Arrow &gt; Up</Label> <Label>Arrow > Up</Label>
</ListItem> </ListItem>
<ListItem> <ListItem>
<Icon> <Icon>
<Arrow direction="left" /> <Arrow direction="left" />
</Icon> </Icon>
<Label>Arrow &gt; left</Label> <Label>Arrow > left</Label>
</ListItem> </ListItem>
<ListItem> <ListItem>
<Icon> <Icon>
@ -126,13 +126,13 @@ const {
<Icon> <Icon>
<DataCenter /> <DataCenter />
</Icon> </Icon>
<Label>Data Centre</Label> <Label>Data Center</Label>
</ListItem> </ListItem>
<ListItem> <ListItem>
<Icon> <Icon>
<Delete fill={theme.red} /> <Delete fill={theme.red} />
</Icon> </Icon>
<Label>Delete &gt; Red</Label> <Label>Delete > Red</Label>
</ListItem> </ListItem>
<ListItem> <ListItem>
<Icon> <Icon>
@ -144,7 +144,7 @@ const {
<Icon> <Icon>
<Dot color='primary' /> <Dot color='primary' />
</Icon> </Icon>
<Label>Dot &gt; Primary</Label> <Label>Dot > Primary</Label>
</ListItem> </ListItem>
<ListItem> <ListItem>
<Icon> <Icon>
@ -162,19 +162,19 @@ const {
<Icon> <Icon>
<Health /> <Health />
</Icon> </Icon>
<Label>Health &gt; Healthy</Label> <Label>Health > Healthy</Label>
</ListItem> </ListItem>
<ListItem> <ListItem>
<Icon> <Icon>
<Health healthy={false} /> <Health healthy={false} />
</Icon> </Icon>
<Label>Health &gt; Unhealthy</Label> <Label>Health > Unhealthy</Label>
</ListItem> </ListItem>
<ListItem> <ListItem>
<Icon> <Icon>
<Id /> <Id />
</Icon> </Icon>
<Label>Id</Label> <Label>ID</Label>
</ListItem> </ListItem>
<ListItem> <ListItem>
<Icon> <Icon>
@ -192,13 +192,13 @@ const {
<Icon> <Icon>
<Loading /> <Loading />
</Icon> </Icon>
<Label>Loading &gt; Primary</Label> <Label>Loading > Primary</Label>
</ListItem> </ListItem>
<ListItem> <ListItem>
<Icon> <Icon>
<Loading secondary /> <Loading secondary />
</Icon> </Icon>
<Label>Loading &gt; Secondary</Label> <Label>Loading > Secondary</Label>
</ListItem> </ListItem>
<ListItem> <ListItem>
<Icon> <Icon>