0.1.4 • Published 4 years ago
@jcdomber/grte-cat-menu v0.1.4
\
This webcomponent follows the open-wc recommendation.
Row in a table containing the information of a menu category:
- Category
- Order number shown on the printout
- Total elements that make up the category
e.g : Desserts - 12 - 22
Installation
npm i @jcdomber/grte-cat-menu
Usage
<script type="module">
import 'grte-cat-menu/grte-cat-menu.js';
</script>
<grte-cat-menu
category="Pescados"
order=11
totProds=10
@get-category-delete=${getEventDelete}
@get-category-edit=${getEventEdit}>
</grte-cat-menu>
Properties
category: String
order: Number
totProds: Number
Events
@click on the edit button. Expose the event: get-category-edit
detail:
- selected category
- selected order
@click on the cancel button. Expose the event: get-category-delete
detail:
- selected category
- selected order
Tooling configs
For most of the tools, the configuration is in the package.json
to reduce the amount of files in your project.
If you customize the configuration a lot, you can consider moving them to individual files.
Local Demo with es-dev-server
npm run start
To run a local development server that serves the basic demo located in demo/index.html