Clarity Design System Datagrid - 是否可以隔离并仅使用 Datagrid 组件？
Clarity Design System Datagrid - Is it possible to isolate and use only the Datagrid component?
我们想使用数据网格，但我们所有站点中的按钮都有问题。
一旦安装了 Clarity，就不可能再制作小方形按钮了。
在某种程度上，每个按钮的最小宽度似乎被系统中的某些东西覆盖了。
有没有办法分离 Clarity 设计系统的不同组件？或者可能排除其中一些？
你知道按钮最小宽度的这个问题吗？您知道防止这种行为的方法吗？
非常感谢。
Clarity 的样式被捆绑为一个单元，因此您必须自己构建样式并且只构建 Datagrid 所需的部分。可以在关于自定义主题的主题文档底部附近找到一些详细信息 https://vmware.github.io/clarity/documentation/v0.11/themes。您必须通过尝试删除其他所有内容来走得更远。然后您可以将 ClrDatagridModule 从 @clr/angular 导入您的 Angular 应用程序。
但是，我不能保证您能够避免按钮问题，因为数据网格有按钮，我们不建议只构建孤立的 Clarity 部分（我们不知道它在实践）。
您可以随时用自己的内容覆盖任何 CSS，以重置按钮 min-width 属性 等内容。我们设置了一些类似的值以确保用户可以正确访问内容，所以我不确定您的限制到底是什么，但最好的办法可能是在必要时覆盖 Clarity 样式。
感谢您的帮助。
我通过将以下代码添加到我的 css 文件来设法中和按钮行为。
.btn {
min-width: unset;
min-height: unset;
}
我们想使用数据网格，但我们所有站点中的按钮都有问题。 一旦安装了 Clarity，就不可能再制作小方形按钮了。 在某种程度上，每个按钮的最小宽度似乎被系统中的某些东西覆盖了。
有没有办法分离 Clarity 设计系统的不同组件？或者可能排除其中一些？ 你知道按钮最小宽度的这个问题吗？您知道防止这种行为的方法吗？
非常感谢。
Clarity 的样式被捆绑为一个单元，因此您必须自己构建样式并且只构建 Datagrid 所需的部分。可以在关于自定义主题的主题文档底部附近找到一些详细信息 https://vmware.github.io/clarity/documentation/v0.11/themes。您必须通过尝试删除其他所有内容来走得更远。然后您可以将 ClrDatagridModule 从 @clr/angular 导入您的 Angular 应用程序。
但是，我不能保证您能够避免按钮问题，因为数据网格有按钮，我们不建议只构建孤立的 Clarity 部分（我们不知道它在实践）。
您可以随时用自己的内容覆盖任何 CSS，以重置按钮 min-width 属性 等内容。我们设置了一些类似的值以确保用户可以正确访问内容，所以我不确定您的限制到底是什么，但最好的办法可能是在必要时覆盖 Clarity 样式。
感谢您的帮助。
我通过将以下代码添加到我的 css 文件来设法中和按钮行为。
.btn {
min-width: unset;
min-height: unset;
}