dantesco
v1.1.7
Published
Dantesco webcomponent library
Downloads
822
Readme
Dantesco
A Web Component's library for esaramago.
How to use in your project
Include in your project
Install and import via npm
npm install dantesco --save
// main.js
import '/node_modules/dantesco/dist/dantesco/core.css'
import '/node_modules/dantesco/dist/dantesco/core.esm.js'
Include via cdn
<!-- index.html -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/dantesco/core.css">
<script type="module" src="https://unpkg.com/[email protected]/dist/dantesco/core.esm.js"></script>
Theme
The following css custom properties are from the default theme. Add them to your project, if you want to change them
:host {
--color-main-500: #333;
--color-secondary-500: #666;
--gap: 1.6rem;
--font-size: 1.5rem;
}
Layout example
<d-header name="..."></d-header>
<main d-container d-stack>
...
</main>
Run storybook
npm run storybook
How to continue developing Dantesco
How to publish this library
- Run
npm run build
- Update library version in package.json
- Run
npm publish --access=public
To Do
- [x] Create web component's library
- [x] Publish library to npm
- [ ] Create a Storybook
- [ ] Start using the library