From Documentation

Jump to: navigation, search


The naming pattern of Event Effect is used to describe the component interactions by input devices such as mouse and keyboard. Some of the naming patterns uses CSS 3 attribute selector directly.

Mouse Operation

The following naming patterns are based on mouse operation.

mouse clicked event.
:focus or -focus
focused event.
:hover or -hover
mouse over event.
dragged event.

Component State

The following naming patterns are based on component states.

selected state.
checked state.
can be checked state.
[disabled] or -disabled
disabled state.
visited state.
invalid state.
[readonly] or -readonly
readonly state.

Version History

Last Update : 2013/11/21

Version Date Content

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.