Елизавета Аплеева

UI Component Library

Библиотека UI компонентов на Vue 3 с Storybook.

Компоненты

• UiButton - кнопка с вариантами primary и secondary
• UiInput - поле ввода текста
• UiField - поле с меткой и слотом для вложенных компонентов
• UiSelect - выпадающий список

Установка

npm install ui-component-library

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

<template>
  <UiField label="Email">
    <UiInput v-model="email" placeholder="[email protected]" />
  </UiField>
  
  <UiButton layout="primary" @click="handleSubmit">
    Отправить
  </UiButton>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { UiButton, UiInput, UiField } from 'ui-component-library'

const email = ref('')
</script>

Разработка

Запуск Storybook

npm install
npm run storybook

Storybook будет доступен по адресу http://localhost:6006

Сборка библиотеки

npm run build:lib

Публикация в npm

npm login
npm publish --access public

Документация

Полная документация компонентов доступна в Storybook.