@react-spectre/icon v1.0.0-16

@react-spectre/icon

React components for Spectre.css's icons.

Installation

yarn add @react-spectre/icon

npm install @react-spectre/icon --save

Usage

Icons

There is 1 single component used for icons: Icon.

import { Icon } from '@react-spectre/icon'

Icon set

The Icon component only have one require property: name. The name should be one from the Spectre.css icon set. For example, if we want to use the icon-forward we use the name after the icon- as shown:

<Icon name="forward" />

Icon Sizes

The Icon component can have 3 different sizes using the size prop:

<Icon name="mail" size="2x" /> // 32px
<Icon name="mail" size="3x" /> // 48px
<Icon name="mail" size="4x" /> // 64px

Made with :heart: by Rubens Mariuzzo.

MIT License