Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@contentful/f36-icon
Advanced tools
Readme
Icons are used to indicate actions, statuses and navigation. The icon components can be used in Button
, TextLink
, Note
and other components.
// Import single icons
import { PlusIcon, DoneIcon } from '@contentful/f36-icons';
// or import all icons as an object
import * as icons from '@contentful/f36-icons';
// or for third party custom icons, use the Forma 36 Icon component to wrap them
import { Icon } from '@contentful/f36-icons';
Forma 36 provides a list of built-in icons that can be used as regular React components.
The icon components can be configured in different ways using variations in color and size:
Custom icons can be rendered with Forma 36 to take advantage of the same props and styling as the built-in icons. This means you can use a prop like variant="primary"
or size="large"
on your own icons and they will match the built-in icons from Forma 36.
Custom icons can be used in two ways: with as
prop and with an SVG path.
as
propPassing a React component with an SVG icon to the as
prop on Icon
makes it render that SVG. This works both with your own icons and with icons from third-party icon libraries such as react-icons
:
Using a loader like SVGR makes it easier to use your own SVG files with the as
prop as it helps import them as React components.
Another way to render custom icons is to wrapping SVG paths in the Icon
component directly:
FAQs
Forma 36: Icon component
The npm package @contentful/f36-icon receives a total of 20,068 weekly downloads. As such, @contentful/f36-icon popularity was classified as popular.
We found that @contentful/f36-icon demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 4 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
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.