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.
@carbon/elements
Advanced tools
Readme
A collection of design elements in code for the IBM Design Language
To install @carbon/elements
in your project, you will need to run the
following command using npm:
npm install -S @carbon/elements
If you prefer Yarn, use the following command instead:
yarn add @carbon/elements
@carbon/elements
includes all of the other elements packages in the project
and can be useful instead of installing each package individually. This package
offers support for both the JavaScript exports from these packages, in addition
to Sass support.
@carbon/elements
provides two entrypoints for you to leverage: a bundled
entrypoint and a module entrypoint. For most use-cases, the bundled entrypoint
will work for you. If you have taken an extra step to configure your build
configuration to properly resolve @import
s from files, then feel free to use
the module entrypoint.
To include the bundled entrypoint, you can include the following in your Sass file:
@import '@carbon/elements/scss/elements';
# Import a specific package nested in elements
@import '@carbon/elements/scss/themes/g10';
Include in the example above is how to access nested packages. These packages
are ones that you could optionally install as a package, like @carbon/themes
,
but we've included them inline as a convenience.
To include the module entrypoint, you can include the following in your Sass file:
@import '@carbon/elements/scss/index';
@carbon/elements
re-exports the exports from all of the packages that it
exports. That means that if an individual package exports a value, then you can
import it the same way when using @carbon/elements
. For example, with
@carbon/colors
we might write:
import { colors } from '@carbon/colors';
With @carbon/elements
, you can also import colors
:
import { colors } from '@carbon/elements';
We're always looking for contributors to help us fix bugs, build new features, or help us improve the project documentation. If you're interested, definitely check out our Contributing Guide! 👀
Licensed under the Apache 2.0 License.
This package uses IBM Telemetry to collect metrics data. By installing this package as a dependency you are agreeing to telemetry collection. To opt out, see Opting out of IBM Telemetry data collection. For more information on the data being collected, please see the IBM Telemetry documentation.
FAQs
A collection of design elements in code for the IBM Design Language
The npm package @carbon/elements receives a total of 10,527 weekly downloads. As such, @carbon/elements popularity was classified as popular.
We found that @carbon/elements demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 14 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.