Contents

import React from 'react'
import Badge from '../_badge.jsx'

const BadgeColors = () => {
  return (
    <div>
      <div>
        <Badge
            rounded
            text="+1"
            variant="primary"
        />

        &nbsp;

        <Badge
            text="+4"
            variant="primary"
        />

        &nbsp;

        <Badge
            text="+1000"
            variant="primary"
        />
      </div>

      <div>
        <Badge
            rounded
            text="+1"
            variant="success"
        />

        &nbsp;

        <Badge
            text="+4"
            variant="success"
        />

        &nbsp;

        <Badge
            text="+1000"
            variant="success"
        />
      </div>

      <div>
        <Badge
            rounded
            text="+1"
            variant="warning"
        />

        &nbsp;

        <Badge
            text="+4"
            variant="warning"
        />

        &nbsp;

        <Badge
            text="+1000"
            variant="warning"
        />
      </div>

      <div>
        <Badge
            rounded
            text="+1"
            variant="error"
        />

        &nbsp;

        <Badge
            text="+4"
            variant="error"
        />

        &nbsp;

        <Badge
            text="+1000"
            variant="error"
        />
      </div>

      <div>
        <Badge
            rounded
            text="+1"
            variant="info"
        />

        &nbsp;

        <Badge
            text="+4"
            variant="info"
        />

        &nbsp;

        <Badge
            text="+1000"
            variant="info"
        />
      </div>

      <div>
        <Badge
            rounded
            text="+1"
            variant="neutral"
        />

        &nbsp;

        <Badge
            text="+4"
            variant="neutral"
        />

        &nbsp;

        <Badge
            text="+1000"
            variant="neutral"
        />
      </div>
    </div>
  )
}

export default BadgeColors

Version data entries

111 entries across 111 versions & 1 rubygems

Version	Path
playbook_ui-6.6.1	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-7.0.0.pre.alpha10	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-6.6.0	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-6.5.2	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-6.5.1	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-6.5.0	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-6.4.2	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-7.0.0.pre.alpha9	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-7.0.0.pre.alpha8	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-7.0.0.pre.alpha7	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-6.4.1	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-7.0.0.pre.alpha6	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-7.0.0.pre.alpha5	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-6.4.0	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-6.3.1	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-7.0.0.pre.alpha4	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-7.0.0.pre.alpha3	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-7.0.0.pre.alpha2	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-6.3.0	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-6.2.1	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx