プロダクト概要
Pandoは、Pluralsightの公式オープンソースデザインシステムで、ウェブアプリのための一貫性のあるアクセシブルでユーザーフレンドリーなインターフェースを構築するためのガイドライン、スタイル、Reactコンポーネントを提供します。セマンティックトークン、ヘッドレススタイル、柔軟なカスタマイズのためのReactライブラリ(@pluralsight/react)を含み、ダーク/ライト/システムテーマをサポートします。Pando v1が最新で、React開発者のためのコンポーザビリティと使いやすさに焦点を当て、統合のためのドキュメンテーションと例を備えています。 Reactコンポーネント:アクセシビリティを内蔵したコンポーザブルライブラリ。 テーマ:セマンティックトークンを備えたダーク(デフォルト)、ライト、システムモード。 カスタマイズ:拡張のためのヘッドレススタイルとデザイントークン。 ツール:デザイントークンパッケージ、アイコン、プリセット。
label.best_for
Themes: Dark (default), light, システム modes を使った semantic tokens. カスタマイズ: Headless styles と デザイントークン のための 拡張機能. ツール: デザイントークン package, アイコン, と presets.
主な機能
- React コンポーネント: Composable ライブラリ を使った アクセシビリティ 内蔵.
- Themes: Dark (default), light, システム modes を使った semantic tokens.
- カスタマイズ: Headless styles と デザイントークン のための 拡張機能.
- ツール: デザイントークン package, アイコン, と presets.
メリット
- +オープンソース
- +豊富なアイコンライブラリ
- +色とサイズのカスタマイズ可能
- +包括的なデザインシステム
デメリット
- -導入にはチームの合意が必要
- -カスタマイズが複雑になる場合あり
/// スペック
- 価格:free
- プラットフォーム:Browser
ASSETS_DIRECTORY
/// 関連ツール



