LayerCard

カードは枠を持たず、四方へ4〜5pxのぼかしの影を付けた白いカード（角丸3px）です。title はカードの上端の帯に、本文と同じ13pxの黒い太字の h3 で置きます。帯は平らな淡い灰色（#f7f7f7）で、中身との間に1px #dedede の罫線を一本引きます。children は帯の下の白い面に入れます。actions には ActionLink や Button を渡し、見出しの行の末尾側に置きます。

題名が折り返しても操作は一行目に残り、題名の幅が8remを割る時（狭いカードや大きな文字）だけ操作を次の行へ送ります。操作の有無でカードの位置は変わりません。カードの余白は Card と同じ16pxで、帯の題名と中身の書き始めをそろえます。

カードの端に接する行の DataList・ActionList は、始まりと終わりの罫線をカードの端に任せ、カードの上下の余白も狭めます。一覧だけを載せた時は行の題名を帯の見出しと同じ書き始めにそろえます。コードを載せる時は CodeBlock を使います（CodeBlock は内側でLayerCardを使い、カードの余白とスクロールをコードの面に任せます）。タイルに並べた ActionList（layout="grid"）は対象外です。

controllerを持たないので、JavaScriptなしでも同じように表示・操作できます。