https://github.com/raisiqueira/poc-lit-element

Simple button made with Lit Element
https://github.com/raisiqueira/poc-lit-element

lit-element lit-html web-components

Last synced: 28 days ago
JSON representation

Simple button made with Lit Element

• Host: GitHub
• URL: https://github.com/raisiqueira/poc-lit-element
• Owner: raisiqueira
• Created: 2020-02-26T21:53:27.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-03-08T01:09:45.000Z (over 4 years ago)
• Last Synced: 2024-05-02T05:34:05.569Z (6 months ago)
• Topics: lit-element, lit-html, web-components
• Language: JavaScript
• Homepage: https://rs-lit-button.netlify.com
• Size: 273 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Lit Button

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/owner/my-element) [![Bundlephobia](https://badgen.net/bundlephobia/minzip/@raisiqueira/lit-button)](https://badgen.net/bundlephobia/minzip/@raisiqueira/lit-button)

Simple custom Web Component made with Lit Element.

> Studies only to see how Polymer Lit Element work!

## Install

```bash

yarn add @raisiqueira/lit-button

```

## Usage

```html

  import 'https://unpkg.com/@raisiqueira/[email protected]/dist/index.js';

Hey button

```

See a real example on [Storybook](https://rs-lit-button.netlify.com)

### Props

| Prop     | type    | default |

| -------- | ------- | ------- |

| disabled | boolean | false   |

| primary  | boolean | false   |

## Running the project (all commands available)

### dev

Run the `concurrently` command to compile with TypeScript and run the `es-dev-server`

### format

Runs prettier

### lint

Runs `eslint`

## Build the project (commands available)

### build

Build the project and generate a `dist` folder.

### build:watch

Build the project with TypeScript and watch all `.ts` files.

# License

MIT @ Raí Siqueira