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

bee-badge

Package Overview
Dependencies
Maintainers
1
Versions
24
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

bee-badge - npm Package Compare versions

Comparing version 0.1.12 to 0.1.13

changelog.md

6

demo/demolist/Demo1.js

@@ -5,3 +5,7 @@ /**

*/
class Demo1 extends Component {
import React, { Component } from 'react';
import Badge from '../../src';
export default class Demo1 extends Component {
render () {

@@ -8,0 +12,0 @@ return (

@@ -5,3 +5,8 @@ /**

*/
class Demo2 extends Component {
import React, { Component } from 'react';
import Icon from 'bee-icon';
import Badge from '../../src';
export default class Demo2 extends Component {
render(){

@@ -8,0 +13,0 @@ return (

29

demo/index.js

@@ -16,30 +16,3 @@

/**
* @title 基本样式Badge
* @description `colors`控制背景颜色种类。
*/
class Demo1 extends Component {
render () {
return (
<Badge colors="primary" >8</Badge>
)
}
}/**
* @title 图标Badge
* @description 在子元素里自定义内容
*/
class Demo2 extends Component {
render(){
return (
<div>
<Badge dataBadge={4} dataBadgePlacement="bottom">
<Icon type="uf-bell"></Icon>
</Badge>
<Badge dataBadge={4} colors="warning" dataBadgePlacement="up">
<Icon type="uf-bell"></Icon>
</Badge>
</div>
)
}
}var DemoArray = [{"example":<Demo1 />,"title":" 基本样式Badge","code":"/**\n * @title 基本样式Badge\n * @description `colors`控制背景颜色种类。\n */\nclass Demo1 extends Component {\n\trender () {\n\t\treturn (\n\t\t\t<Badge colors=\"primary\" >8</Badge>\n\t\t)\n\t}\n}","desc":" `colors`控制背景颜色种类。"},{"example":<Demo2 />,"title":" 图标Badge","code":"/**\n * @title 图标Badge\n * @description 在子元素里自定义内容\n */\nclass Demo2 extends Component {\n\trender(){\n\t\treturn (\n\t\t\t<div>\n\t\t\t<Badge dataBadge={4} dataBadgePlacement=\"bottom\">\n\t\t\t\t<Icon type=\"uf-bell\"></Icon>\n\t\t\t</Badge>\n\t\t\t<Badge dataBadge={4} colors=\"warning\" dataBadgePlacement=\"up\">\n\t\t\t\t<Icon type=\"uf-bell\"></Icon>\n\t\t\t</Badge>\n\t\t\t</div>\n\t\t)\n\t}\n}","desc":" 在子元素里自定义内容"}]
var Demo1 = require("./demolist/Demo1");var Demo2 = require("./demolist/Demo2");var DemoArray = [{"example":<Demo1 />,"title":" 基本样式Badge","code":"/**\n * @title 基本样式Badge\n * @description `colors`控制背景颜色种类。\n */\n\nimport React, { Component } from 'react';\nimport Badge from 'tinper-bee';\n\n\n\trender () {\n\t\treturn (\n\t\t\t<Badge colors=\"primary\" >8</Badge>\n\t\t)\n\t}\n}","desc":" `colors`控制背景颜色种类。"},{"example":<Demo2 />,"title":" 图标Badge","code":"/**\n * @title 图标Badge\n * @description 在子元素里自定义内容\n */\n\nimport React, { Component } from 'react';\nimport Icon from 'bee-icon';\nimport Badge from 'tinper-bee';\n\n\n\trender(){\n\t\treturn (\n\t\t\t<div>\n\t\t\t<Badge dataBadge={4} dataBadgePlacement=\"bottom\">\n\t\t\t\t<Icon type=\"uf-bell\"></Icon>\n\t\t\t</Badge>\n\t\t\t<Badge dataBadge={4} colors=\"warning\" dataBadgePlacement=\"up\">\n\t\t\t\t<Icon type=\"uf-bell\"></Icon>\n\t\t\t</Badge>\n\t\t\t</div>\n\t\t)\n\t}\n}","desc":" 在子元素里自定义内容"}]

@@ -46,0 +19,0 @@

{
"name": "bee-badge",
"version": "0.1.12",
"version": "0.1.13",
"description": "bee-badge ui component for react",

@@ -5,0 +5,0 @@ "keywords": [

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

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