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.