FormKit

3ステップで試す

1. 1

   FormKit Vue 2.1.2とVue 3.5.43を固定して導入する

   一時npm projectへVue integrationと互換Vueを固定して導入します。

   demo=$(mktemp -d "${TMPDIR:-/tmp}/formkit.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact @formkit/vue@2.1.2 vue@3.5.43コピー
2. 2

   package versionを確認する

   FormKitとVueが想定versionで解決されていることを確認します。

   test "$(node -e "const fs=require('fs');const v=p=>JSON.parse(fs.readFileSync(p)).version;console.log(v('node_modules/@formkit/vue/package.json')+'/'+v('node_modules/vue/package.json'))")" = '2.1.2/3.5.43'コピー
3. 3

   主要Vue APIのexportを確認する

   browserを起動せず、root component・config・custom input向けAPIを確認します。

   test "$(node --input-type=module -e "import * as F from '@formkit/vue';console.log(['FormKit','defaultConfig','createInput','useInput'].every(k=>k in F))")" = 'true'コピー

Built with

• TypeScript
• Vue
• React

カテゴリとタグ

GitHubデータ

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

あわせて探訪

• React Select28,026 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  検索・複数選択・非同期候補まで扱えるReact向けSelect UIを組み立てる

  TypeScript
• React Spectrum15,913 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  アクセシブルなReact UIを、完成済みSpectrum componentsまたはunstyledなReact Ariaから構築する

  TypeScript
• Ariakit8,622 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  React向けのunstyledなaccessibility primitivesを組み合わせ、独自デザインのUI componentを構築する

  TypeScript
• Quasar Framework27,208 Stars

  共通タグ 3件 · 共通カテゴリ 1件

  Vueの一つのcodebaseからWeb・mobile・desktopまで展開するcross-platform framework

  JavaScript
• PrimeVue14,455 Stars

  共通タグ 3件 · 共通カテゴリ 1件

  80以上のVue UI component、theme、unstyled構成を一つのlibraryで揃える

  Vue
• Tailwind CSS97,773 Stars

  共通タグ 3件 · 同じ言語

  ユーティリティクラスをHTMLやコンポーネントで組み合わせ、必要なCSSをビルド時に生成する

  TypeScript