Contents

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

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

        &nbsp;

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

        &nbsp;

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

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

        &nbsp;

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

        &nbsp;

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

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

        &nbsp;

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

        &nbsp;

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

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

        &nbsp;

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

        &nbsp;

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

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

        &nbsp;

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

        &nbsp;

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

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

        &nbsp;

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

        &nbsp;

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

export default BadgeColors;

Version data entries

12 entries across 12 versions & 1 rubygems

Version	Path
playbook_ui-3.1.0	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-3.0.1	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-3.0.0	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-2.9.9	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-2.9.8	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-2.9.7	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-2.9.6	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-2.9.5	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-2.9.4	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-2.9.3	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-2.9.2	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
playbook_ui-2.9.1	app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx