@dantesco/core v1.1.0

Dantesco

A Web Component's library for esaramago.

How to use in your project

Include in your project

Include via cdn

<!-- index.html -->

<link rel="stylesheet" href="https://unpkg.com/dantesco@0.1.13/dist/dantesco/dantesco.css">

<script type="module" src="https://unpkg.com/dantesco@0.1.13/dist/dantesco/dantesco.esm.js"></script>

Install and import via cdn

npm install dantesco --save

// main.js
import '/node_modules/dantesco/dist/dantesco/dantesco.css'
import '/node_modules/dantesco/dist/dantesco/dantesco.esm.js'

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

1. Run npm run build
2. Update library version in package.json
3. Run npm publish --access=public

To Do

• Create web component's library
• Publish library to npm
• Create a Storybook
• Start using the library