joyent-portal/packages/ui-toolkit/src/tags
Sara Vieira fab0bbfcc3 fix(instances): only use latest version of each image
fixes #1321
2018-03-21 16:19:17 +00:00
..
Readme.md fix(instances): only use latest version of each image 2018-03-21 16:19:17 +00:00
index.js feat(my-joy-beta): tags and metadata in instance creation 2018-01-10 16:30:54 +00:00
item.js fix(instances): only use latest version of each image 2018-03-21 16:19:17 +00:00
list.js style: lint and format 2017-12-15 14:53:59 +00:00

Readme.md

Standard Tags

// Name: Active
const React = require('react');
const { TagItem, TagList } = require('./');

<TagItem active>Tags:4lyf</TagItem>;

// Tab: Normal
const React = require('react');
const { TagItem, TagList } = require('./');

<TagItem>Tags:4lyf</TagItem>;

// Tab: Disabled
const React = require('react');
const { TagItem, TagList } = require('./');

<TagItem disabled>Tags:4lyf</TagItem>;

// Tab: Error
const React = require('react');
const { TagItem, TagList } = require('./');

<TagItem error>Tags:4lyf</TagItem>;

Deleteable Tags

// Name: Active
const React = require('react');
const { TagItem, TagList } = require('./');
const { PlusIcon } = require('../');
const { Margin } = require('styled-components-spacing');

<TagItem active>
  Tags:4lyf
  <Margin left={1}>
    <PlusIcon />
  </Margin>
</TagItem>;

// Tab: Normal
const React = require('react');
const { TagItem, TagList } = require('./');
const { PlusIcon } = require('../');
const { Margin } = require('styled-components-spacing');

<TagItem>
  Tags:4lyf
  <Margin left={1}>
    <PlusIcon />
  </Margin>
</TagItem>;

// Tab: Disabled
const React = require('react');
const { TagItem, TagList } = require('./');
const { PlusIcon } = require('../');
const { Margin } = require('styled-components-spacing');

<TagItem disabled>
  Tags:4lyf
  <Margin left={1}>
    <PlusIcon />
  </Margin>
</TagItem>;

// Tab: Error
const React = require('react');
const { TagItem, TagList } = require('./');
const { PlusIcon } = require('../');
const { Margin } = require('styled-components-spacing');

<TagItem error>
  Tags:4lyf
  <Margin left={1}>
    <PlusIcon />
  </Margin>
</TagItem>;