Vaadin Design System

プロダクト概要

Vaadin Design Systemは、モダンで一貫性のあるアクセシブルなエンタープライズウェブアプリケーションをWeb Components（Hilla/Litベース）で構築するためのVaadinの公式オープンソースデザインシステムです。ダッシュボード、フォーム、データグリッドなどのビジネスアプリケーションに焦点を当てた再利用可能なUIコンポーネント、パターン、ガイドライン、ツールを提供し、パフォーマンス、テーミング、開発者の生産性を強調しています。Vaadin Flow（Java）とHilla（TypeScript/React）フレームワークとシームレスに統合し、フルスタック開発を実現します。 コンポーネントライブラリ：テーマ（ライト/ダーク/Lumo）のためのバリアントを備えたボタン、グリッド、チャート、フォーム、デートピッカー、レイアウトの再利用可能なWeb Components。 デザイントークン：簡単なテーミングのためのセマンティックカラー、タイポグラフィ、間隔、シャドウ、モーション。 アクセシビリティ：ARIAサポートとキーボードナビゲーションを備えたWCAG 2.1 AA準拠。 ツール：プロトタイピングのためのFigmaキット。実装のためのVaadinコンポーネント。カスタマイズのためのTheme Editor。

label.best_for

チーム 構築 スケーラブル, consistent digital products.

主な機能

• コンポーネントライブラリ: Reusable ウェブ コンポーネント のような buttons, grids, charts, forms, date pickers, と layouts を使った variants のための themes (light/dark/Lumo).
• デザイントークン: Semantic 色, タイポグラフィ, 間隔, shadows, と motion のための 簡単 theming.
• アクセシビリティ: WCAG 2.1 AA compliance を使った ARIA サポート と keyboard navigation.
• ツール: Figma キット のための プロトタイピング; Vaadin コンポーネント のための implementation; Theme Editor のための カスタマイズ.