AsagaoUIはデジタル庁デザインシステム に基づいて構築されたUIコンポーネントを持つ CSSフレームワークであり、美しく効率的なウェブ開発を実現します。
主な特徴
デジタル庁デザインシステムに準拠
AsagaoUIはデジタル庁デザインシステムに基づいて設計されています。ただしデジタル庁デザインシステムに100%準拠しているわけではありません。 より効率的に実装するために改変しています。
HTMLマークアップファースト
AsagaoUIはHTMLを最も重要視しています。HTMLネイティブ要素を使用したアコーディオンコンポーネントや、
モーダルダイアログがその例です。これによりコンテンツが適切にマークアップされ、最小限の基本的なアクセシビリティを提供します。
クラス操作での状態管理
AsagaoUIは要素の状態変化をクラスの追加と削除で管理します。 このアプローチにより、AsagaoUIをさまざまなフロントエンドフレームワークに最小限の手間で統合できます。
SCSSで構築
SCSSを使用することで、
AsagaoUIのスタイルを自由にカスタマイズできます。
AsagaoUIにはstylesフォルダがあり、デザインシステムの基本事項がすべて定義されています。