0.1.3 • Published 1 year ago

tag-search-view v0.1.3

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

Tag-Search-View

Vue Component to filter tags for Smartphones.

Demo

npm.io

Installation

npm install --save tag-search-view

Usage

Use in Vue Single-File Components.

<script setup lang="ts">
   import { ref } from "vue";

   import { TagSearchView } from "tag-search-view";
   import "tag-search-view/dist/tag-search-view.css";

   const value = ref([
      {
         label: "apple",
         value: "1"
      }
   ]);

   const options = ref([
      {
         label: "apple",
         value: "1"
      },
      {
         label: "apricot",
         value: "2"
      },
      {
         label: "avocado",
         value: "3"
      }
   ]);
</script>

<temlpates>
   <TagSearchView :options="options" v-model="value" placeholder="Search..." />
</templates>

Props

NameTypeDefaultDescription
v-model (required)Item[]-two-way binding value.
optionsItem[]-choices in this component.
placeholderstringplaceholder of text field.

Interface

Item

PropertyType
labelstring
valuestring

Dependencies

ModuleVersion
vue3.3.4
material-symbols0.11.0

Setup

Development

Lint

npm run lint

Unit Test

npm run test
npm run test:watch

Launch Demo

npm run dev

Buld

Bundle the js and css to the dist directory.

npm run build

Icons

Settings (Material Symbols)

NameFillWeightGradeOptical Size
add0400024
check_circle1400024
circle0200024
close0400024
search0400024

License

The MIT License

0.1.3

1 year ago

0.1.2

1 year ago

0.1.1

1 year ago

0.1.0

1 year ago