Cocoonのボックスが豊富すぎるので全種類まとめてみた

Cocoon

Cocoonのボックス一覧

記事でボックスを使いたい時に、いつも『どんなのがあったっけ?』とビジュアルエディタから選んでいるけど、数が多すぎて大変^^

決まるまでに結構時間がかかってしまうので、すぐに決められるように全ボックスをまとめてみた。

ボックス

Cocoonのボックスにはアイコン案内白抜きタブ付箋風と5種類あり、それぞれで種類や色が豊富に用意されている。

ここではテーブルの中にボックスを表示させているので短くなっていますが、実際のボックスは一行丸々占有する仕様。

ボックス(アイコン)

ボックス(アイコン)
(補足情報 i)
(補足情報 ?)
(補足情報 !)
(補足情報 メモ)
(補足情報 コメント)
(補足情報 OK)
(補足情報 NG)
(補足情報 GOOD)
(補足情報 BAD)
(補足情報 プロフィール)

ボックス(案内)

ボックス(案内)
プライマリー
サクセス
インフォ
ワーニング
デンジャー

ボックス(白抜き)

ボックス(白抜き)
灰色
黄色
赤色
青色
緑色

ボックス(タブ)

ボックス(タブ)は種類が多く、それぞれで全色揃っています。
ここでは全部載せきれないので、色は赤のみ。

ボックス(タブ)

ボックス(付箋風)

ボックス(付箋風)
灰色
黄色
赤色
青色
緑色

バッジ

ついでに、バッジも載せてみる。

バッジの種類
オレンジ
レッド
ピンク
パープル
ブルー
グリーン
イエロー
ブラウン
グレー

コメント

トップへ戻る