ui:button

Table of Contents

About

Buttons communicate that an action will occur when the user touches them.

Styling

Cursor

By default, when the mouse hovers over a button, the mouse cursor should get a pointer to express that an action will occur.

Example on HTM::

Css styling

button {
  cursor: pointer;
}

HTML

<button>button</button>

Result: The mouse cursor changes when the mouse hovers the button

Rendered by WebCode

Sizing

nav a, button {
    min-width: 48px;
    min-height: 48px;
}