@prleasing/kuku v1.2.1

@prleasing/kuku

Библиотека компонентов Vue 3

Установка

Добавьте пакет в свои dependencies, используя npm или yarn

npm i @prleasing/kuku
# или
yarn add @prleasing/kuku

Использование

<template>
	<btn @click="decrement">-</btn>
	{{ current }}
	<btn brand @click="increment">+</btn>
</template>
<script lang="ts">
import { useCounter } from '@prleasing/use';
import { Btn } from '@prleasing/kuku';
import { defineComponent} from 'vue';
export default defineComponent({
    components: {Btn},
    setup() {
	    const {current, increment, decrement} = useCounter({
		    min: 0,
		    max: 20
	    });

	    return {current, increment, decrement};
    }
);
</script>

Компоненты

Элементы формы

Составные элементы формы

Табы

Модальные окна

Диалоговые окна

Разное

Плагины

Диалоги

<template>
	<dialog-wrapper />
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { Dialog, DialogWrapper } from '@prleasing/kuku';
export default defineComponent({
	components: { DialogWrapper },
	setup() {
		Dialog.Confirm('Добавить приложение на рабочий стол?', {
			textConfirm: 'Установить'
		}).then((result: Boolean) => {
			console.log(result);
		});
	}
});
</script>