@todovue/tvlabel v1.0.1

TODOvue Label

TvLabel is a custom label component for web applications.

Table of Contents

• Demo
• Installation
• Usage
• Props
• Events
• Development
• Changelog
• Contributing
• License

Installation

Install with npm or yarn

npm install @todovue/tvlabel

yarn add @todovue/tvlabel

Import

import { TvLabel } from '@todovue/tvlabel'

You can also import it directly in the main.js file, so you don't have to import it in the pages

import { createApp } from "vue";
import App from "./App.vue";
import TvLabel from "@todovue/tvlabel";

const app = createApp(App);
app.component("TvLabel", TvLabel);
app.mount("#app");

Usage

<template>
  <tv-label @click-label="clickHandler" color="#4FC08D">
    Vue
  </tv-label>
</template>

<script setup>
  import TvLabel from "@todovue/tvlabel"; // Only if you have not imported it from main
  
   const clickHandler = () => {
    console.log("clicked");
  }
</script>

Props

Events

Development

Clone the repository and install the dependencies

git clone https://github.com/TODOvue/todovue-label.git

cd todovue-label

Install the dependencies

yarn install

Run the project

yarn demo

Run the tests

yarn test:unit

Run the linter

yarn lint

Run the build It is not necessary to generate build, since it is generated when you do PR to the master branch

yarn build

License

MIT