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]が、付加されます。