オープンソースプロジェクト
2023年に作った私のUIキット
Sergei Solod が 2023 年、AI ブーム前に作ったオープンソース UI キットです。実務で長く使ったフロントエンドコンポーネント、ローカライズされたデモ、そして元のプロジェクトを確認できます。
AIブーム前に作られ、実務で長く使われたキット
これは生成されたショーケースではありません。フォーム、ボタン、モーダル、テーブル、チャート、カレンダー、ナビゲーション、ファイルアップロードのパターンを含む私のオリジナルのフロントエンドキットで、長く使ったあとに JSVar 内でオープンソース化しました。
入力フィールド
検証付きのテキスト、テキストエリア、電話、電子メール、およびパスワードのフィールド。
ボタン
プライマリ、セカンダリ、コンパクト、無効、およびカスタム スタイルのアクション。
選択フィールド
プレーン値とオブジェクト配列の単一選択と複数選択。
読み込み中
非同期アクションの読み込み状態をブロックしています。
アコーディオン
一度に 1 つずつ開く動作を備えた展開可能なコンテンツ ブロック。
メッセージ
確認アクションを含む成功メッセージとエラー メッセージ。
モーダル
明確な承認フローとキャンセルフローを含む確認ダイアログ。
ページネーション
境界のある前および次のコントロールを備えた編集可能なページ入力。
トグル
シンプルな製品設定のためのコンパクトなブール制御。
ポップアップパネル
二次的な詳細と状況に応じた読み取りのためのポップアップ パネル。
言語
JSVar の 21 ロケールのメタデータを中心に構築された言語ピッカーのデモ。
テーブル
基本的なテーブル、行の詳細、密度ヒートマップ。
チャート
積み上げ、グループ化、混合、折れ線グラフ、面グラフ、円グラフのデモ。
カレンダー
開始値と終了値のペアに対するローカライズされた日付選択。
ファイルドロップ
一致するアップロード アクションを使用してファイル ターゲットをドラッグ アンド ドロップします。
ナビゲーション
同じセクションモデルからのモジュール内セクションナビゲーション。
スタブ
未完成またはビューポートが制限された状態の保護オーバーレイ。
ショーケース
コンポーネントの遊び場
サイドバーを使用して、すべてのコンポーネント ファミリを参照し、移植された動作をテストします。
現在のセクション
01/17入力フィールド
検証付きのテキスト、テキストエリア、電話、電子メール、およびパスワードのフィールド。
現在のセクション
入力フィールド
検証付きのテキスト、テキストエリア、電話、電子メール、およびパスワードのフィールド。
文字数: 0/1000
標準フィールド
このフィールドには無効な値が含まれています。
ぼかしにチェックを入れる
ドメインの提案あり
10 文字以上、大文字と小文字混合、数字、記号