class,id 命名ルール¶
各widgetsには、cssのclassとidが設定されています。
これを基にスタイルやprotoractorのspec定義を行うことができます。
各widgetsのclassとid¶
class名は親要素のもののみを記載しています。
widgets | class | id | 備考 |
---|---|---|---|
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 |
注釈
[class],[id]欄が空白の項目は設定されません。
[id]欄は、各widgetsの指定プロパティの設定値が採用されます。
配列要素のidは、2個目から[_次元数]が、付加されます。
なお、次元数は0から振られるため、2個目は[_1]が、付加されます。