soft-components v0.4.5
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-components
JS 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 barsc-range
-input type="range"
equivalentsc-dial
- dial inputsc-radio
- radio buttonsc-select
-select
dropdown boxsc-file
-input type="file"
equivalentsc-textarea
-textarea
equivalent
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago