FButton - Простая Vue.js библиотека

Установка

npm install fbutton-lib

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

Глобальная установка

import { createApp } from 'vue'
import App from './App.vue'
import FButton from 'fbutton-lib'

const app = createApp(App)
app.use(FButton)
app.mount('#app')

Локальное использование

<template>
	<div>
		<FButton variant="primary">Primary</FButton>
		<FButton variant="secondary">Secondary</FButton>
		<FButton variant="outline">Outline</FButton>
	</div>
</template>

<script>
import { FButton } from 'fbutton-lib'

export default {
	components: {
		FButton,
	},
}
</script>

Свойства (Props)

| Свойство | Тип | По умолчанию | Описание | | -------- | ------- | ------------ | ------------------------------------------------- | | variant | String | 'primary' | Вариант кнопки: 'primary', 'secondary', 'outline' | | disabled | Boolean | false | Отключенное состояние | | loading | Boolean | false | Состояние загрузки | | type | String | 'button' | HTML тип кнопки |

События

• click - срабатывает при клике на кнопку

Примеры

<FButton @click="handleClick">Обычная кнопка</FButton>
<FButton :loading="isLoading">Загрузка</FButton>
<FButton disabled>Отключенная</FButton>