Research
Security News
Quasar RAT Disguised as an npm Package for Detecting Vulnerabilities in Ethereum Smart Contracts
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
@patternfly/pfe-icon
Advanced tools
<pfe-icon icon="rh-leaf"></pfe-icon>
There are no slots, but if you wish to display some text when JS is disabled, you can put some text inside the pfe-icon tag. For instance, when using a checkmark icon in a server status table, you may wish to display "success" if JS is disabled.
<pfe-icon icon="rh-check-mark">success</pfe-icon>
Name | Values | Description |
---|---|---|
icon | iconSet-iconName | For example, rh-leaf loads a leaf icon from an icon set named "rh". |
size | sm md lg xl 2x 3x 4x | The default size is 1em, so icon size matches text size. 2x , etc, are multiples of font size. sm , md , etc are fixed pixel-based sizes. |
color | base complement accent critical important moderate success info default | The color variant to use. This draws from your theming layer to color the icon. This will set icon color and also background color (if circled ). |
circled | boolean attribute | Whether to draw a circular background behind the icon. |
Icon sets are defined in detail in this blog post. The blog post should eventually be absorbed into the official documentation.
There are several powerful variables available to hook into and override default styles.
color
attribute is available to pull icon color from your theming layer. For more fine-grained control, --pfe-icon--Color
is available to override the color of a specific icon or sets of icons. Examplescolor
attribute is available to pull background color from your theming layer. For more fine-grained control, --pfe-icon--BackgroundColor
is available to override the background color of a specific icon or sets of icons.npm test
npm run build
From the PFElements root directory, run:
npm start
Card (and all PFElements) use Prettier to auto-format JS and JSON. The style rules get applied when you commit a change. If you choose to, you can integrate your editor with Prettier to have the style rules applied on every save.
FAQs
Icon element for PatternFly Elements
The npm package @patternfly/pfe-icon receives a total of 880 weekly downloads. As such, @patternfly/pfe-icon popularity was classified as not popular.
We found that @patternfly/pfe-icon demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 16 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.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.