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.
warning
danger
info
success
muted
brand
disabled
primary
secondary
invalid
inverse
import { Icontuner } from "@asphalt-react/icontuner
import { Trash } from "@asphalt-react/iconpack
<IconTuner>
<Trash/>
</IconTuner>
Icon from @asphalt-react/iconpack
.
type | required | default |
---|---|---|
node | true | N/A |
Size of the icon. accepts xxs
, xs
, s
, m
, l
, xl
, xxl
.
type | required | default |
---|---|---|
enum | false | "m" |
Applies danger intent color to icon.
type | required | default |
---|---|---|
bool | false | false |
Applies warning intent color to icon.
type | required | default |
---|---|---|
bool | false | false |
Applies info intent color to icon.
type | required | default |
---|---|---|
bool | false | false |
Applies success intent color to icon.
type | required | default |
---|---|---|
bool | false | false |
Applies muted intent color to icon.
type | required | default |
---|---|---|
bool | false | false |
Applies brand intent color to icon.
type | required | default |
---|---|---|
bool | false | false |
Applies disabled intent color to icon.
type | required | default |
---|---|---|
bool | false | false |
Applies primary intent color to icon.
type | required | default |
---|---|---|
bool | false | false |
Applies secondary intent color to icon.
type | required | default |
---|---|---|
bool | false | false |
Applies invalid intent color to icon.
type | required | default |
---|---|---|
bool | false | false |
Applies inverse intent color to icon.
type | required | default |
---|---|---|
bool | false | false |
Resizes icon.
type | required | default |
---|---|---|
bool | false | true |