There are situations when you will need to add controls to the header to help manage the screen contents. For example, save and cancel buttons are common controls that are available when editing data. There are three styles of buttons you may add to a header. They include:
- A button with only text.
- A button with only an icon (see Figure 3–4). An icon-only button requires the addition of two attributes:
data-iconanddata-iconpos="notext". For the complete listing ofdata-iconvalues refer to Table 4-1. - A button with text and an icon (see Figure 3–3). This button also requires the
data-iconattribute. Examples of each are shown here:
<!-- A button with only text -->
<a href="#">Done</a>
<!-- A button with only an icon -->
<a href="#" data-icon="plus" data-iconpos="notext"></a>
<!-- A button with text and an icon -->
<a href="#" data-icon="check">Done</a>
Leave a Reply