https://github.com/bahrus/be-definitive

Define a web component declaratively.
https://github.com/bahrus/be-definitive

custom-element custom-elements declarative-custom-element web-component web-components

Last synced: 4 months ago
JSON representation

Define a web component declaratively.

• Host: GitHub
• URL: https://github.com/bahrus/be-definitive
• Owner: bahrus
• License: mit
• Created: 2021-02-01T10:42:08.000Z (over 5 years ago)
• Default Branch: baseline
• Last Pushed: 2025-05-31T12:27:30.000Z (about 1 year ago)
• Last Synced: 2025-09-01T03:37:56.174Z (10 months ago)
• Topics: custom-element, custom-elements, declarative-custom-element, web-component, web-components
• Language: TypeScript
• Homepage:
• Size: 907 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# be-definitive () [TODO]

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/be-definitive)

[![NPM version](https://badge.fury.io/js/be-definitive.png)](http://badge.fury.io/js/be-definitive)

[![Playwright Tests](https://github.com/bahrus/be-definitive/actions/workflows/CI.yml/badge.svg?branch=baseline)](https://github.com/bahrus/be-definitive/actions/workflows/CI.yml)

[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/be-definitive?style=for-the-badge)](https://bundlephobia.com/result?p=be-definitive)



Example 1:  Inferred props

```html

    NameSSN Number

    

        

            Burt

            123-45-6789

            

        

        

            

        

        

            

        

    

```

Only clone the template for other tr's if innerHTML is empty.

```html

    NameSSN Number

    

        

        

            

                

                Burt

            

            123-45-6789

        

        

            654 Penny Lane

            345-25-2686<

        

        

    

```

automatically captures the template based on itemref's.  Auto expands others

## Viewing this element locally

1.  Install git.

2.  Fork/clone this repo.

3.  Install node.

4.  Open command window to folder where you cloned this repo.

5.  > npm install

6.  > npm run serve

7.  Open http://localhost:3030/demo/dev in a modern browser.

## Running Tests

```

> npm run test

```

## Importing in ES Modules:

```JavaScript

import 'be-definitive/be-definitive.js';

```

## Using from CDN:

```html

    import 'https://esm.run/be-definitive';

```