@jcdomber/grte-cat-menu

<grte-cat-menu>

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