アングル4の特定のコンポーネント（他のデザインとミックス）のためだけに透明度デザインを使用できますか？

Question

私はClarity Design SystemのDataGridが好きです。しかし、ただ一つのコンポーネントでDataGridを使用したいだけです。その他のコンポーネントは影響を受けません。

私は自分のプロジェクトにAngular CLIを使用しています。 DataGridがちょうど次のように私は.angular-cli.jsonでCSSを参照している場合に動作します：

"styles": [ 
    "../node_modules/bootstrap-4-grid/css/grid.css", 
    "../node_modules/clarity-icons/clarity-icons.min.css" 
] 

私はCompoNetをの.cssファイルに直接スタイルをコピーする場合、データグリッドは動作しません。

どうすれば問題を解決できますか？

Answer 1

残念ながら、Clarityは個々のコンポーネントの使用のみをサポートしているわけではなく、stylesアレイに完全なclarity-uiスタイルを組み込む必要があります。カプセル化モードがAngularであり、Datagridが理解できない方法でCSSをどのように処理するのかという理由で、コンポーネントスタイル内にインクルードすることで問題が発生します。

明確な設計システムとして意図的に作成されており、消費のためにコンポーネントを個別にバンドルしません。多くの理由がありますが、主なものは、適切かつ一貫性のあるUXを確保することです。Clarityは、アプリケーション設計の基礎となることを期待しています。私ができる最善の提案は、ClarityにBootstrapの代わりにデザインを定義させることです。