ispa element

iSPA要素UI

Tailwind Css に基づく VueJs (Vue 3) のコンポーネント ライブラリ。

クイックスタート

これを使用するには、目的のディレクトリでターミナルを開き、次のコマンドを実行します。

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 が構成された Webpack ベースのビルドがある場合に推奨される方法です。コンポーネントを .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 に感謝します。私たちの最初のバージョンはこれらのライブラリからインスピレーションを受けています。

マイルストーン

• カードコンポーネント
• コンポーネント/ディレクティブのロード
• ナビゲーション/タブコンポーネント
• プログレスバーコンポーネント
• ドロップダウンコンポーネント
• バッジコンポーネント (2020-12-26)
• ディバイダーコンポーネント (2020-12-20)
• スイッチコンポーネント (2020-12-20)
• アラートコンポーネント (2020-12-18)
• フォーム/入力コンポーネント (2020-12-16)
• ボタンコンポーネント (2020-12-09)

変更履歴

ここをクリックして変更ログを追跡できます (CHANGELOG.md)

バージョン管理

セマンティック バージョニング ガイドラインに基づいて維持されます。

ライセンス

MIT © マレーヴオン

サポートしたいですか？

このプロジェクトが気に入って、私たちに貢献したい場合は、[email protected] 経由でメールを送って詳細を確認してください。

⬆トップに戻る