carbon-components
Advanced tools
Package description
The carbon-components npm package is a library of reusable front-end components designed by IBM. It provides a comprehensive set of UI components that follow the Carbon Design System, which is IBM's open-source design system for digital products and experiences.
Button
The Button component is a fundamental UI element used to trigger actions. The Carbon Design System provides various styles for buttons, such as primary, secondary, and danger buttons.
<button class="bx--btn bx--btn--primary">Primary Button</button>Data Table
The Data Table component is used to display tabular data. It supports features like sorting, filtering, and pagination.
<table class="bx--data-table"><thead><tr><th>Header</th></tr></thead><tbody><tr><td>Data</td></tr></tbody></table>Modal
The Modal component is used to display content in a layer above the main application. It is useful for dialogs, forms, and other interactive elements.
<div class="bx--modal"><div class="bx--modal-container"><p>Modal Content</p></div></div>Tabs
The Tabs component is used to organize content into multiple sections, each accessible by a tab. This is useful for managing large amounts of content in a compact space.
<div class="bx--tabs"><ul class="bx--tabs__nav"><li class="bx--tabs__nav-item">Tab 1</li><li class="bx--tabs__nav-item">Tab 2</li></ul><div class="bx--tab-content">Content for Tab 1</div><div class="bx--tab-content">Content for Tab 2</div></div>Material-UI is a popular React UI framework that implements Google's Material Design. It offers a wide range of components and customization options, making it a strong alternative to carbon-components for those who prefer Material Design.
Ant Design is a comprehensive UI framework for React that provides a set of high-quality components and design guidelines. It is widely used in enterprise applications and offers a different design philosophy compared to carbon-components.
Bootstrap is a widely-used front-end framework that provides a collection of CSS and JavaScript components. While it is not as specialized as carbon-components, it is highly versatile and can be used for a variety of web development projects.
Readme
The Carbon Design System is a series of individual styles and components, that when combined make beautiful, intuitive designs. These designs are systemic and logical, as they all follow the same universal principles.
The component library gives developers a collection of re-usable HTML and SCSS partials for building their products.
Using npm,
npm install -S carbon-components
FAQs
Unknown package
The npm package carbon-components receives a total of 88,531 weekly downloads. As such, carbon-components popularity was classified as popular.
We found that carbon-components demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 6 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
Cyber insurance rates are dropping as the market matures, according to a new report projecting global premiums to reach $43 billion by 2030, driven by international market uptake and growth in the SME sector.
Research
Security News
Socket researchers unpack a typosquatting package with malicious code that logs keystrokes and exfiltrates sensitive data to a remote server.
Security News
The JavaScript community has launched the e18e initiative to improve ecosystem performance by cleaning up dependency trees, speeding up critical parts of the ecosystem, and documenting lighter alternatives to established tools.