.. コメント

=======================
class,id 命名ルール
=======================

| 各widgetsには、cssのclassとidが設定されています。
| これを基にスタイルやprotoractorのspec定義を行うことができます。
| 

各widgetsのclassとid
----------------------

| class名は親要素のもののみを記載しています。

.. csv-table::
   :header: "widgets", "class", "id", "備考"
   :widths: 20, 20, 20, 40

   "array",     "mk-array-wrap",     "",      ""
   "button",    "",                  "title", ""
   "checkbox",  "mk-checkbox-wrap",  "key",   ""
   "date",      "mk-date-wrap",      "key",   ""
   "display",   "mk-display-wrap",   "key",   ""
   "file",      "mk-file-wrap",      "key",   ""
   "icon",      "mk-icon-wrap",      "kind",  ""
   "input",     "",                  "key",   ""
   "label",     "",                  "id",    ""
   "radio",     "mk-radio-wrap",     "key",   ""
   "section",   "mk-section-wrap",   "id",    ""
   "select",    "mk-select-wrap",    "key",   ""
   "toggle",    "mk-toggle-wrap",    "key",   ""
   "wrapper",   "mk-wrapper-wrap",   "id",   ""

.. note::
  | [class],[id]欄が空白の項目は設定されません。
  | [id]欄は、各widgetsの指定プロパティの設定値が採用されます。
  | 配列要素のidは、２個目から[_次元数]が、付加されます。
  | なお、次元数は0から振られるため、２個目は[_1]が、付加されます。