在 Storybook 中,需要手动导入 Angular Material 样式才能使其正常显示。可以按照以下步骤进行操作:
.storybook/main.js
文件中添加以下代码:module.exports = {
// ...
"styles": [
"../node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
// 根据实际情况选择需要导入的样式文件
],
// ...
}
.storybook/preview.js
文件中添加以下代码:import '!style-loader!css-loader!@angular/material/prebuilt-themes/indigo-pink.css';
// 根据实际情况选择需要导入的样式文件
示例代码:
Card title
Some card content
.example-card {
max-width: 400px;
}