eslダウンロードeslソースコードのダウンロード

esl

サードパーティ製コンポーネント

v4.18.1

ダウンロード

Exadel Smart Library

Exadel Smart Library（ ESL ）は、Webコンポーネントに基づいたオープンソースの軽量で柔軟なUIコンポーネントライブラリです。ライブラリからカスタムコンポーネントを使用してUXモデルを構築することにより、サイトのパフォーマンスを向上させます。 ESL Web UIコンポーネントライブラリは、任意のフレームワークと互換性があり、ESLがハイテクスタックに関係なくプロジェクトに最適です。

Visit our UI component library website with examples

★ UIコンポーネントライブラリをチェックして、星でそれをサポートします★

概要
ライブラリ構造
インストールガイド
貢献者向けの開発情報

概要

Exadel Smart Library、または略してESLは、ルーチンタスクを削減し、複数のWebコンポーネントを使用してWebサイトを効率的に作成できる無料のWeb UIコンポーネントライブラリです。あなたがサイトに最適なUIコンポーネントライブラリであることを決定するとき、ESLのように、他のライブラリやフレームワークと互換性があるはずであることに留意してください！

ESL UIコンポーネントライブラリを使用すると、再利用可能なコンポーネントでいっぱいのツールキットにアクセスできます。これらのWebコンポーネントを利用して、ESLのみを使用してプロジェクトを補完したり、インフラストラクチャをゼロから構築したりできます。当社のWeb UIコンポーネントライブラリは高品質なので、焦点を当てる必要があるのは、プロジェクトのニーズを満たすためにスタイルを適用することだけです。

ESLは、Web APIとECMAScript 6の機能に基づいています。これにより、Firefox、Chrome、Safari、Opera、Edgeなどのすべての最新のブラウザでWeb UIコンポーネントライブラリがうまく機能するようになります。 ESLは、ポリフィルのリスト全体が提供されている場合にもIE11で動作できます（詳細については、ブラウザーサポートとポリフィルを参照してください）。

ライブラリ構造

UIコンポーネントライブラリの構築中に、コンポーネント、フォームコンポーネント、および複雑なプロジェクトアーキテクチャの問題を解決し、乾燥した原理に準拠するユーティリティを含めました。 Webコンポーネントの概要を参照して、仕様をお読みください。

ライブラリコア

UIコンポーネントライブラリを使用すると、基本的なコンポーネントの上に構築し、ライフサイクルを制御するための柔軟な構文砂糖を入手できます。

ESLベース要素
ESL混合要素
ESLメディアクエリ
ESLトラバースクエリ
ESLイベントリスナー
ESL Utils

コンポーネント

HTML UIコンポーネントライブラリは、優れたパフォーマンスでUXモジュールを構築するために必要なすべての要素を提供します。

ESL A11YGROUP（ベータ）
ESLアラート
ESLアニメーション
ESL脚注（ベータ）
ESL画像
ESLメディア
ESLパネル
ESLパネルグループ
ESLポップアップ（ベータ）
ESL関連ターゲット（ベータ）
ESLスクロールバー
ESL select（ベータ）
ESL選択リスト（ベータ）
ESL共有（ベータ）
ESLタブとタブ
ESLトググレージ
ESLトリガー

インストールガイド

前提条件：
- ブラウザサポートリストからブラウザをサポートするために必要なポリフィルがすべて必要であることを確認してください。詳細については、ブラウザサポートとポリフィルを参照してください。
- バンドラーを使用してプロジェクトを構築します。現在、ES6モジュールのみが消費可能です。
ESL NPM依存関係をインストールします：
```
 npm i @exadel/esl --save
```
必要なコンポーネント/モジュールのインポート：
```
 import '@exadel/esl/modules/esl-component/core' ;
```
- coreモジュールエントリは通常、モジュールの主要部分を表します。
- オプションのサブ機能を直接含めます。詳細については、コンポーネントのドキュメントを参照してください。
```
 import '@exadel/esl/modules/esl-media/providers/iframe-provider' ;
```
- 一部のモジュールには、 allエントリの累積的なエントリが含まれています。
- スタイルは2つのバージョンで配布されています。
  - 「準備ができている」 core.cssまたはcore.less
  - Mixinバージョンcore.mixin.less for custom tagname定義

[オプション]環境構成のセットアップ、例：カスタム画面ブレークポイント：

 import { ESLScreenBreakpoints } from '@exadel/esl/modules/esl-media-query/core' ;

// define XS screen breakpoint for up to 800px screen width
ESLScreenBreakpoints . addCustomBreakpoint ( 'XS' , 1 , 800 ) ;

レジスタの静的メソッド通話をregisterてWebコンポーネントを登録します。
```
 ESLImage . register ( ) ;
```
カスタムタグ名を「登録」関数に渡すことができますが、このオプションは例外的な状況でのみ使用します。

貢献者向けの開発情報

あなたがESLチームの一員であるか、プロジェクトに貢献したい場合は、プロジェクトのプロセスと契約に関する有用な情報をここで見つけることができます。

？貢献ガイド
？開発ガイド
？貢献者ライセンス契約

ESLコアチーム

ESLのアイデアを建築し、維持し、維持する人々

Alexey Stsefanovich

ジュリア・ムラシコ

ユリヤ・アダムスカヤ

dmytro shovchko

アンナ・バルミナ

Anastasiya Lesun

ESL貢献者：

ESLに積極的に貢献している人々

アンナ・マリア・ペトリック開発者	Feoktyst Shovchko 開発者	ナタリア・ハーシュノバ開発者	ヤナ・ベルナツカヤ開発者	ナタリー・スミルノバ開発者
Iryna Pavlenko デザイナー	Aliaksandr auseyeu コンサルタント	アンドレイ・ベリスコンサルタント	Dzianis Mantsevich コンサルタント	Liubou Masiuk コンサルタント