Sha256: 9d85df3a21cc1ab9359b0b81de184127dad4767c4e8adb6774e413d7028ad21c

Contents?: true

Size: 920 Bytes

Versions: 187

Compression:

Stored size: 920 Bytes

Contents

import React from 'react'
import { IconCircle } from '../../'

const IconCircleColor = () => {
  return (
    <div>
      <IconCircle
          icon="rocket"
          size="sm"
          variant="royal"
      />
      <br />
      <IconCircle
          icon="rocket"
          size="sm"
          variant="blue"
      />
      <br />
      <IconCircle
          icon="rocket"
          size="sm"
          variant="purple"
      />
      <br />
      <IconCircle
          icon="rocket"
          size="sm"
          variant="teal"
      />
      <br />
      <IconCircle
          icon="rocket"
          size="sm"
          variant="red"
      />
      <br />
      <IconCircle
          icon="rocket"
          size="sm"
          variant="yellow"
      />
      <br />
      <IconCircle
          icon="rocket"
          size="sm"
          variant="green"
      />
    </div>
  )
}

export default IconCircleColor

Version data entries

187 entries across 187 versions & 1 rubygems

Version Path
playbook_ui-7.4.1 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.4.0.pre.alpha6 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.4.0.pre.alpha5 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.4.0 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.4.0.pre.test4 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.4.0.pre.test3 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.4.0.pre.test2 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.4.0.pre.alpha4 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.4.0.pre.alpha2 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.4.0.pre.alpha1 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.3.0.pre.alpha12 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.3.0 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.3.0.pre.alpha11 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.3.0.pre.alpha10 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.3.0.pre.alpha9 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.3.0.pre.alpha8 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.3.0.pre.alpha7 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.3.0.pre.alpha6 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.3.0.pre.alpha5 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
playbook_ui-7.3.0.pre.alpha4 app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx