Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@cloudbees/honeyui-badge

Package Overview
Dependencies
Maintainers
14
Versions
82
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@cloudbees/honeyui-badge - npm Package Compare versions

Comparing version 0.1.1 to 0.2.0

8

package.json
{
"name": "@cloudbees/honeyui-badge",
"version": "0.1.1",
"version": "0.2.0",
"description": "",

@@ -22,7 +22,9 @@ "main": "src/index.scss",

"peerDependencies": {
"bootstrap": "4.3.1"
"@cloudbees/honeyui-core": "*",
"bootstrap": "4.3.x"
},
"publishConfig": {
"access": "restricted"
}
},
"gitHead": "fccb348df52a6e4dc2a41b1c0e16f7cc89bed467"
}

@@ -5,11 +5,11 @@ import React from "react";

<div className="m-5">
<span className="badge badge-primary">Primary</span>
<span className="badge badge-secondary">Secondary</span>
<span className="badge badge-success">Success</span>
<span className="badge badge-danger">Danger</span>
<span className="badge badge-warning">Warning</span>
<span className="badge badge-info">Info</span>
<span className="badge badge-light">Light</span>
<span className="badge badge-primary mr-2">Primary</span>
<span className="badge badge-secondary mr-2">Secondary</span>
<span className="badge badge-success mr-2">Success</span>
<span className="badge badge-danger mr-2">Danger</span>
<span className="badge badge-warning mr-2">Warning</span>
<span className="badge badge-info mr-2">Info</span>
<span className="badge badge-light mr-2">Light</span>
<span className="badge badge-dark">Dark</span>
</div>
);

@@ -5,21 +5,21 @@ import React from "react";

<div className="m-5">
<a href="#" className="badge badge-primary">
<a href="#" className="badge badge-primary mr-2">
Primary
</a>
<a href="#" className="badge badge-secondary">
<a href="#" className="badge badge-secondary mr-2">
Secondary
</a>
<a href="#" className="badge badge-success">
<a href="#" className="badge badge-success mr-2">
Success
</a>
<a href="#" className="badge badge-danger">
<a href="#" className="badge badge-danger mr-2">
Danger
</a>
<a href="#" className="badge badge-warning">
<a href="#" className="badge badge-warning mr-2">
Warning
</a>
<a href="#" className="badge badge-info">
<a href="#" className="badge badge-info mr-2">
Info
</a>
<a href="#" className="badge badge-light">
<a href="#" className="badge badge-light mr-2">
Light

@@ -26,0 +26,0 @@ </a>

@@ -5,11 +5,11 @@ import React from "react";

<div className="m-5">
<span className="badge badge-pill badge-primary">Primary</span>
<span className="badge badge-pill badge-secondary">Secondary</span>
<span className="badge badge-pill badge-success">Success</span>
<span className="badge badge-pill badge-danger">Danger</span>
<span className="badge badge-pill badge-warning">Warning</span>
<span className="badge badge-pill badge-info">Info</span>
<span className="badge badge-pill badge-light">Light</span>
<span className="badge badge-pill badge-dark">Dark</span>
<span className="badge badge-pill badge-primary mr-2">Primary</span>
<span className="badge badge-pill badge-secondary mr-2">Secondary</span>
<span className="badge badge-pill badge-success mr-2">Success</span>
<span className="badge badge-pill badge-danger mr-2">Danger</span>
<span className="badge badge-pill badge-warning mr-2">Warning</span>
<span className="badge badge-pill badge-info mr-2">Info</span>
<span className="badge badge-pill badge-light mr-2">Light</span>
<span className="badge badge-pill badge-dark mr-2">Dark</span>
</div>
);
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc