ispa element

Пользовательский интерфейс элемента iSPA

Библиотека компонентов для VueJs (Vue 3), основанная на Tailwind Css.

Быстрый старт

Чтобы использовать его, откройте терминал в нужном каталоге и выполните следующую команду:

npm install ispa-element

Затем добавьте библиотеку в свой основной проект js.

 import { createApp } from 'vue'
import iSPAElement from 'ispa-element'

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

Загрузчик модулей

Это рекомендуемый способ, если ваше приложение использует vue-cli или имеет сборку на основе веб-пакета с настроенным vue-loader. Импортируйте компоненты в виде файлов .vue для плавной интеграции в ваш проект, где путь к каждому компоненту доступен в разделе «Импорт» документации компонента.

 import { IButton } from 'ispa-element'

На следующем шаге зарегистрируйте компонент с именем тега, который вы хотите использовать.

 //  In app.js
import { createApp } from 'vue'
const app = createApp ( App )

app . component ( IButton . name , IButton )
// OR app.component('i-button', IButton)

app . mount ( '#app' )

//  In component.vue
export default {
  components : { IButton }
}

::: подсказка Примечание. Вы можете использовать любое имя тега, но учтите, что эти имена тегов могут конфликтовать с именами других тегов, поэтому убедитесь, что это уникальное имя тега. :::

Документы

Пожалуйста, посетите здесь, чтобы прочитать полную документацию iSPA Element.

Особая благодарность

Спасибо за замечательную библиотеку PrimeVue и Element UI, наша самая первая версия была вдохновлена ​​этой библиотекой.

Веха

• Компонент карты
• Загрузка компонента/директив
• Компонент навигации/вкладок
• Индикатор выполнения Компонент
• Раскрывающийся компонент
• Компонент значка (26 декабря 2020 г.)
• Компонент разделителя (20 декабря 2020 г.)
• Компонент переключателя (20 декабря 2020 г.)
• Компонент оповещения (18 декабря 2020 г.)
• Компонент формы/ввода (16 декабря 2020 г.)
• Компонент кнопки (09.12.2020)

ИЗМЕНЕНИЯ

Вы можете следить за журналами изменений, нажав здесь (CHANGELOG.md).

Управление версиями

Поддерживается в соответствии с правилами семантического управления версиями.

Лицензия

MIT © Малайвуонг

Хотите поддержать?

Если вам нравится этот проект и вы хотите внести в него свой вклад, вы можете отправить нам электронное письмо по адресу [email protected] для получения дополнительной информации.

⬆ наверх