@asphalt-react/icontuner v2.0.0-rc.4

Icontuner

Icontuner can tune the size and intent of any icon from @asphalt-react/iconpack. Use Icontuner to modify icons that are part of content, for example, to show an icon with "warning" intent when a feature is deprecated, or use a "brand" intent when the icon appears in a hero section.

Supported intents:

• warning
• danger
• info
• success
• muted
• brand
• disabled
• primary
• secondary
• invalid
• inverse

Usage

import { Icontuner } from "@asphalt-react/icontuner
import { Trash } from "@asphalt-react/iconpack

<IconTuner>
   <Trash/>
</IconTuner>

Props

children

Icon from @asphalt-react/iconpack.

size

Size of the icon. accepts xxs, xs, s, m, l, xl, xxl.

danger

Applies danger intent color to icon.

warning

Applies warning intent color to icon.

info

Applies info intent color to icon.

success

Applies success intent color to icon.

muted

Applies muted intent color to icon.

brand

Applies brand intent color to icon.

disabled

Applies disabled intent color to icon.

primary

Applies primary intent color to icon.

secondary

Applies secondary intent color to icon.

invalid

Applies invalid intent color to icon.

inverse

Applies inverse intent color to icon.

resize

Resizes icon.