By default, icons will be left-aligned (see Figure 4–6). However, you may explicitly align icons to any side by adding the data-iconpos
attribute to the button with its value corresponding to the side of alignment (see Listing 4–6).

Figure 4–6. Icon positioning
Listing 4–6. Icon-only buttons (ch4/icon-positioning.html)<a href=”#” data-role="button" data-icon="arrow-u"data-iconpos="top">
<a href="#" data-role="button" data-icon="arrow-l" data-iconpos=”left”>
<a href="#" data-role="button" data-icon="arrow-r" data-iconpos="right">
<a href="#" data-role="button" data-icon="arrow-d" data-iconpos="bottom">
Leave a Reply