Getting started
To start using these neumorphism components, you will need to include 2 files, spoiler alert, it's the
css
and
js
files
Installation
There are a few ways you can get started with Soft Components:
CDN
<link rel="stylesheet" href="//unpkg.com/soft-components/dist/soft-components/soft-components.css" />
<script type="module" src="//unpkg.com/soft-components/dist/soft-components/soft-components.esm.js"></script>
<!-- For IE only -->
<script nomodule src="//unpkg.com/soft-components/dist/soft-components/soft-components.js"></script>
Install via npm
npm i soft-components
JS framework integration
StencilJs provides a comprehensive documentation on how the web components can be integrated with popular JavaScript frameworks, they can be found here:
CSS framework integration
Soft components should work with most CSS frameworks as all the styles are scoped within each component.
All soft component CSS variables starts with
--sc-
to avoid collision.