The basic zclass naming pattern of ZK component is “z-component**’’”, for example, the zclass of button component is “z-button**’’”. However, each component may consist of many DOM elements and have different interactions. Therefore, this section will describe details about ZK’s class naming rule by DOM elements and interaction effects.