dusk-react
v1.1.3dusk-react
React components for Dusk icons.
Install
# npm
$ npm install dusk-react
# yarn
$ yarn add dusk-react
Usage
Import using object destructuring:
import { Safari } from 'dusk-react';
const Component = () => (
<Safari />
);
Import an icon directly:
import Safari from 'dusk-react/dist/icons/safari';
const Component = () => (
<Safari />
);
Import all of the icons:
import * dusk from 'dusk-react';
const Component = () => (
<dusk.Safari />
);
Props
size(number
)
The size, in pixels, of the icon. Applies to both the width and the height.
bg(string
)
Background color of the icon.
fg(string
)
Foreground color of the icon.
fg2(string
)
Secondary foreground color of the icon, if applicable.
Example
import { Safari } from 'dusk-react';
const Component = () => (
<Safari
size={300}
bg="blue"
fg="#FFEFD5"
/>
);
Note
The 1Password
icon is exported as Password
, because Javascript variable names cannot begin with a number.
Related
- Dusk: simple, customizable macOS application icons
npm i dusk-react
Source Code
github.com/pacocoursey/dusk-...Metadata
- MIT
- Whatever
- Unknown
- released 11/28/2019