dnn elements

dnn-elements (HTML カスタム要素)

これは、Dnn 用の再利用可能な HTML カスタム要素 (WebComponents) のコレクションです。

デモ

デモ サイトは、ドキュメントとともに、現在のすべてのコンポーネントのプレイグラウンドとして利用できます。

ステンシル

Stencil は、Web コンポーネントを使用して高速 Web アプリを構築するためのコンパイラーです。

Stencil は、最も一般的なフロントエンド フレームワークの最良の概念を実行時ツールではなくコンパイル時ツールに組み合わせています。 Stencil は、TypeScript、JSX、小さな仮想 DOM レイヤー、効率的な一方向データ バインディング、非同期レンダリング パイプライン (React Fiber と同様)、すぐに使える遅延読み込みを利用して、実行される 100% 標準ベースの Web コンポーネントを生成します。 Custom Elements v1 仕様をサポートするブラウザーで。

Stencil コンポーネントは単なる Web コンポーネントであるため、主要なフレームワークでも、フレームワークをまったく使用しなくても動作します。

使用法 (フレームワークなし)

npm

npm install @dnncommunity/dnn-elements

糸

yarn add @dnncommunity/dnn-elements

使い方（反応）

npm

npm install @dnncommunity/dnn-elements-react

糸

yarn add @dnncommunity/dnn-elements-react

使用法 (角度)

近日公開予定ですのでお楽しみに。

使用法（個別コンポーネント）

各コンポーネントの使用法は、いくつかのコード サンプルとともに、GitHub のコンポーネント フォルダー内に文書化されています。