@asphalt-react/icontuner
Advanced tools
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.
warningdangerinfosuccessmutedbranddisabledprimarysecondaryinvalidinverseimport { 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 |
FAQs
Icontuner
The npm package @asphalt-react/icontuner receives a total of 500 weekly downloads. As such, @asphalt-react/icontuner popularity was classified as not popular.
We found that @asphalt-react/icontuner demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Socket CEO Feross Aboukhadijeh discusses the recent npm supply chain attacks on PodRocket, covering novel attack vectors and how developers can protect themselves.
Security News
Maintainers back GitHub’s npm security overhaul but raise concerns about CI/CD workflows, enterprise support, and token management.
Product
Socket Firewall is a free tool that blocks malicious packages at install time, giving developers proactive protection against rising supply chain attacks.