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

@rmwc/badge

Package Overview
Dependencies
Maintainers
0
Versions
80
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rmwc/badge - npm Package Compare versions

Comparing version 14.2.6 to 14.2.7

.babelrc

6

package.json
{
"name": "@rmwc/badge",
"version": "14.2.6",
"version": "14.2.7",
"main": "./index.js",

@@ -41,5 +41,5 @@ "types": "./index.d.ts",

"dependencies": {
"@rmwc/base": "workspace:*",
"@rmwc/types": "workspace:*"
"@rmwc/base": "14.2.7",
"@rmwc/types": "14.2.7"
}
}

@@ -12,3 +12,2 @@ # Badges `RMWC ADDON`

```jsx

@@ -30,7 +29,3 @@ <Badge align="inline" />

<Badge style={{ background: 'hotpink' }} align="inline" />
<Badge
theme={['secondaryBg', 'onSecondary']}
align="inline"
label="Theme"
/>
<Badge theme={['secondaryBg', 'onSecondary']} align="inline" label="Theme" />
</>

@@ -53,7 +48,3 @@ ```

<BadgeAnchor>
<Button
raised
label="Button"
theme={['secondaryBg', 'onSecondary']}
/>
<Button raised label="Button" theme={['secondaryBg', 'onSecondary']} />
<Badge style={{ background: 'hotpink' }} label="Hello" />

@@ -74,7 +65,3 @@ </BadgeAnchor>

<BadgeAnchor>
<Avatar
src="images/avatars/ironman.png"
size="large"
name="Tony Stark"
/>
<Avatar src="images/avatars/ironman.png" size="large" name="Tony Stark" />
<Badge inset="5px" />

@@ -149,2 +136,3 @@ </BadgeAnchor>

## Badge
A Badge component for indicating alerts or counts.

@@ -154,14 +142,11 @@

| Name | Type | Description |
|------|------|-------------|
| `align` | `"end" \| "start" \| "inline"` | How to align the badge. |
| `exited` | `boolean` | Animates the badge out of view. When this class is removed, the badge will return to view. |
| `inset` | `string \| number` | A value to inset the badge alignment by, useful for positioning the badge on different shaped components. |
| `label` | `ReactNode` | A label or count for the badge. |
| Name | Type | Description |
| -------- | ------------------------------ | --------------------------------------------------------------------------------------------------------- |
| `align` | `"end" \| "start" \| "inline"` | How to align the badge. |
| `exited` | `boolean` | Animates the badge out of view. When this class is removed, the badge will return to view. |
| `inset` | `string \| number` | A value to inset the badge alignment by, useful for positioning the badge on different shaped components. |
| `label` | `ReactNode` | A label or count for the badge. |
## BadgeAnchor
## BadgeAnchor
An anchor component for badges.
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