<div class="kk-col6" cell>
<div class="kk-card">Default</div>
</div>
<div class="kk-col6" cell>
<div class="kk-card kk-shadow">影付き</div>
</div>
<div class="kk-col6" cell>
<div class="kk-card" theme="primary">Primary</div>
</div>
<div class="kk-col6" cell>
<div class="kk-card" theme="secondary">Secondary</div>
</div>
<div class="kk-col6" cell>
<div class="kk-card" theme="caution">Caution</div>
</div>
<div class="kk-col6" cell>
<div class="kk-card" theme="primary" size-s>小さいサイズ</div>
</div>
<div class="kk-col6" cell>
<div class="kk-card kk-shadow" theme="primary" size-l>
<div class="kk-card-title">タイトル</div>
大きいサイズ
</div>
</div>