Package Exports
- soft-components
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (soft-components) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Soft components
Like the recently popular neumorphism design?
You can read more about neumorphism design in these articles:
- Neumorphism in user interfaces
- Neumorphism: why it’s all the hype in UI design
- Neumorphism the right way — A 2020 Design Trend
Use these components with any framework you wish or no framework at all!
Getting started
There are a couple of 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-componentsJS framework integration
Soft components are built with the help of Stencil.
Stencil provides a comprehensive documentation on how the web components can be integrated with popular JavaScript frameworks, they can be found here:
Components roadmap
-
sc-progress- progress bar -
sc-range-input type="range"equivalent -
sc-dial- dial input -
sc-radio- radio button -
sc-select-selectdropdown box -
sc-file-input type="file"equivalent -
sc-textarea-textareaequivalent