@aligov/components-card

Gov Card based on Fusion Card

Usage no npm install needed!

<script type="module">
  import aligovComponentsCard from 'https://cdn.skypack.dev/@aligov/components-card';
</script>

Gov Card based on Fusion Card

import Card, { PageCard, CardWrap, CardHr } from '@aligov/components-card';

其中 Card 的用法和 Fusion Card 的用法一致，把 content 的 overflow 设为了 visible，避免 card 内下拉等可能展示不全的问题。

PageCard 在 Card 的基础上添加了 $s-5 的 margin，0 的 padding，搭配 CardWrap 和 CardHr 来组成表单 + 表格搜索的场景。

CardWrap 内置来 $s-5 的 padding，CardHr 则是用于 CardWrap 之间的分隔线。