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

@hig/icon-button

Package Overview
Dependencies
Maintainers
5
Versions
269
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@hig/icon-button - npm Package Compare versions

Comparing version 0.1.0-alpha.9c3456c6 to 0.1.0-alpha.9f5ebd81

31

package.json
{
"name": "@hig/icon-button",
"version": "0.1.0-alpha.9c3456c6",
"version": "0.1.0-alpha.9f5ebd81",
"description": "HIG IconButton component",

@@ -8,2 +8,5 @@ "author": "Autodesk Inc.",

"homepage": "https://hig.autodesk.com",
"publishConfig": {
"access": "public"
},
"main": "build/index.js",

@@ -16,15 +19,31 @@ "module": "build/index.es.js",

"dependencies": {
"@hig/icon": "0.1.0-alpha.9c3456c6"
"@hig/icon": "0.1.0-alpha.9f5ebd81",
"classnames": "^2.2.5"
},
"devDependencies": {
"@hig/scripts": "0.2.0-alpha.9c3456c6",
"@hig/styles": "0.1.0-alpha.9c3456c6"
"@hig/babel-preset": "0.2.0-alpha.9f5ebd81",
"@hig/eslint-config": "0.2.0-alpha.9f5ebd81",
"@hig/scripts": "0.2.0-alpha.9f5ebd81",
"@hig/styles": "0.2.0-alpha.9f5ebd81"
},
"peerDependencies": {
"prop-types": "^15.6.1",
"react": "^15.4.1"
"react": "^15.4.1 || ^16.3.2"
},
"scripts": {
"build": "hig-scripts-build"
"build": "hig-scripts-build",
"lint": "eslint src --color --ext .js,.jsx"
},
"eslintConfig": {
"extends": "@hig"
},
"babel": {
"env": {
"test": {
"presets": [
"@hig/babel-preset/test"
]
}
}
}
}

22

README.md

@@ -1,2 +0,2 @@

# IconButton
# Icon Button

@@ -7,2 +7,15 @@ Action buttons that include an icon only, with no background. Useful for compact displays or toolbars with a number of related controls.

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

@@ -13,5 +26,2 @@

```jsx
import Icon from '@hig/icon-button`;
import '@hig/icon-button/build/index.css';
function MyComponent() {

@@ -30,4 +40,2 @@ return (

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

@@ -43,2 +51,2 @@

}
```
```

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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

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