0.1.3 • Published 2 years ago
vue-quick-notes v0.1.3
Installation
npm
Use npm to install.
npm i vue-quick-notes
Usage
import { VueQuickNotes } from "vue-quick-notes";
// style import is needed to work propperly
import "vue-quick-notes/dist/style.css";
<VueQuickNotes label="Quick notes" v-model="text" />
Composable
// Get the value of the text in any component
import { useQuickNotes } from "vue-quick-notes";
let { text, open } = useQuickNotes();
console.log(text.value);
console.log(open.value); // Use this value to show or hide quick-note
Use ctrl+alt+k
to show quick note
Props
Name | Type | Default | Detail |
---|---|---|---|
x | number | screenWidth - 350 | Initial x position of div |
y | number | screenHeight - 250 | Initial y position of div |
label | string | null | Label for textarea |
z-index | string | 20 | z index of div |
lang | string | en-US | Speech recognition language |
parent-class | string | null | class of div |
button-class | string | null | class of mic button |
Any other attributes will be passed to textarea