Socket
Socket
Sign inDemoInstall

@hig/icon

Package Overview
Dependencies
Maintainers
5
Versions
244
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@hig/icon - npm Package Compare versions

Comparing version 0.1.0-alpha.bbabf57c to 0.1.0-alpha.da37f514

8

package.json
{
"name": "@hig/icon",
"version": "0.1.0-alpha.bbabf57c",
"version": "0.1.0-alpha.da37f514",
"description": "HIG Icon component",

@@ -15,7 +15,7 @@ "author": "Autodesk Inc.",

"dependencies": {
"@hig/icons": "0.1.0-alpha.bbabf57c"
"@hig/icons": "0.1.0-alpha.da37f514"
},
"devDependencies": {
"@hig/scripts": "0.2.0-alpha.bbabf57c",
"@hig/styles": "0.1.0-alpha.bbabf57c"
"@hig/scripts": "0.2.0-alpha.da37f514",
"@hig/styles": "0.1.0-alpha.da37f514"
},

@@ -22,0 +22,0 @@ "peerDependencies": {

@@ -7,2 +7,15 @@ # Icon

## Getting started
```
yarn add @hig/icon
```
## Import the component and CSS
```
import Icon from '@hig/icon';
import '@hig/icon/build/index.css';
```
## Typical usage

@@ -13,8 +26,3 @@

```jsx
import Icon from '@hig/icon`;
import '@hig/icon/build/index.css';
function MyComponent() {
return <Icon name="assets" />
}
<Icon name="assets" />
```

@@ -25,8 +33,3 @@

```jsx
import Icon from '@hig/icon`;
import '@hig/icon/build/index.css';
function MyComponent() {
return <Icon name="assets" size="16" />
}
<Icon name="assets" size="16" />
```

@@ -37,4 +40,2 @@

```jsx
import Icon from '@hig/icon`;
import '@hig/icon/build/index.css';
import myIcon from 'my-icon.svg';

@@ -45,2 +46,2 @@

}
```
```
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