oruga
v0.9.3
Oruga UIは毛虫のような、最小限でありながら機能的です。それはあなたの手の中にそれを蝶に変えます
（？）=>？
Orugaは、依存せずにVue.js用の軽量UIコンポーネントライブラリです。簡単にカスタマイズ可能なコンポーネントのセットを提供し、特定のスタイルやCSSフレームワーク（Bootstrap、Bulma、Tailwindcssなど）に依存しません。したがって、グリッドシステムやCSSユーティリティは提供されませんが、好きなCSSフレームワークを統合できます。 Orugaは一連の機能コンポーネントを提供するため、アプリケーションのUI/UXの側面にのみ焦点を合わせることができ、JavaScriptのラインに触れることなく将来の変更に完全に柔軟に対応できます。
コンポーネントライブラリが必要で、カスタムスタイルを簡単に適用したい場合は、Orugaがライブラリです。 ？
さらに、すべてを自分でスタイリングしたくない場合は、さまざまなすぐに使用できるスタイルを提供するために、いくつかのテーマを作成しました。 ？
ここでオンラインドキュメントを参照してください。
？コンポーネントのカスタマイズの詳細については、ドキュメントの「カスタマイズ」セクションを注意深くお読みください。
？ Orugaが動作しているのを見るには、ドキュメントの例のセクションに移動します。
注：ドキュメントの例のソースコードは、各コンポーネントのexamplesディレクトリに記載されており、デモとしても機能します。
？ Orugaはvue.jsバージョン3.xで利用できます
npm install @oruga-ui/oruga-nextすぐに始めるには、 Orugaを使用してすべてのコンポーネントを登録してください。
import { createApp } from 'vue'
import Oruga from '@oruga-ui/oruga-next' ;
createApp ( ... ) . use ( Oruga ) ;木の揺れを使用するには、コンポーネントを手動で登録します。
import { createApp } from 'vue'
import { OField , OInput } from '@oruga-ui/oruga'
createApp ( ... )
. use ( OField )
. use ( OInput )または、SFCにインポートします。
Orugaの超大国は、その構成可能性とCSSフレームワークの不可知論的アプローチです。各コンポーネントは、クラスマッピングアプローチを使用して特定のクラスを定義することにより、個別にカスタマイズおよび構成できます。したがって、Orugaはデフォルトでスタイリングなしで提供されます。ただし、テーマと呼ばれる公式の事前定義された構成がいくつかあります。これには、アプリケーションに個別のルックアンドフィールを提供するために含めて拡張できます。すべてのコンポーネントには、デフォルトで事前定義されたクラスが付属していました。
Oruga Documentationの「カスタマイズ」セクションをお読みください。
Tailwind 、 Bulma 、 Bootstrap 、 Material 、またはその他のCSSフレームワークを使用して、完全にカスタマイズされた登録フォームを使用して完全にカスタマイズされた登録フォームを使用して例を表示したい場合は、Oruga Multiframeworkの公式例（ここで入手可能）をご覧ください（ここで入手可能）、またはTailwindcss 2に精通している場合は、公式のTailwindcss demo a try（ソースコード（こちら）を提供します。
Orugaは現時点ではnuxt.jsモジュールを提供していません。
nuxt.jsプラグインシステムを使用して、次のようなpluginsフォルダーにファイル（ oruga.jsなど）を追加できます。
import Oruga from '@oruga-ui/oruga-next' ;
export default defineNuxtPlugin ( ( nuxtApp ) => {
nuxtApp . vueApp . use ( Oruga ) ;
} ) ;このプラグインをアプリで利用できるようにするには、 nuxt.config.jsのpluginsアレイにこのファイルを追加します
plugins: [ { src : '~plugins/oruga.js' } ]プラグインがnuxt.jsでどのように機能するかを理解するには、nuxtjsプラグインのドキュメントをご覧ください。
公式のNuxtjs + Orugaの例をご覧ください。
貢献ガイドラインをご覧ください。
→Oruga Discord Serverに参加します。
Orugaは、パッケージバージョンにセマンティックバージョン2.0.0を使用しています。
まだベータ版ですが、バージョンはこのパターンに従います。v0.yz 、ここ：
ウォルター・トンマス | アンドレア・スタギ | マルセル・モラベック |
このプロジェクトを改善してくれたすべての人に日々感謝します
完全なリスト。
Matteo GuadagniniがデザインしたOrugaロゴ
Fabrizio Masiniによって作成されたチェックボックスおよびラジオコンポーネントおよび休日の資産のOrugaSVG画像
MITライセンスに基づいてリリースされたコード。
