ActionTile

label と icon は必須です。アイコンは塗りつぶしで上、名前は下に置きます。href を渡すと移動のリンク（current で今いる場所）、渡さなければ type="button" のボタンになり、onclick や data-* で操作を結び付けます。残りの標準の属性は a または button に渡ります。

accent は blue（既定、リンクと同じ青緑）・green・amber・coral で、アイコンの色が変わります。

普段はBasecamp 2のファイルを並べた格子のセルと同じく、白い面に淡い灰色（#e9e9e9 前後）の1pxの枠を付けた角の立った四角で、名前は12pxの黒い太字です。ホバーすると淡い黄色の面にし、押すと黄色の面で内側へへこみます。フォーカスすると内側に青い2pxの線を引きます。disabled はリンクなら移動しない要素（href の無い span）、ボタンなら押せない状態にし、どちらも形と面はそのままで名前とアイコンだけを灰色にします。

shortcut は Keycap の小さい形で、アイコンの末尾側の上に添えます。キーの登録は利用側が行います。badge は Badge の小さい形で、アイコンの上に重ねます。バッジがある時は、ショートカットキーの表示をタイルの末尾側の角へ寄せます。

タイルはセルいっぱいに広がるので、並べ方と列数は置く側の格子が決めます。名前は語の途中で切らず、文節の切れ目で折り返します。

文字の指定（書体・大きさ・太さ・行高）は action-tile.css が持ちます。共通の Button とは別の専用の操作として、文字位置の検査に登録しています。