diff options
Diffstat (limited to 'docs/html/design/building-blocks/buttons.jd')
| -rw-r--r-- | docs/html/design/building-blocks/buttons.jd | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/docs/html/design/building-blocks/buttons.jd b/docs/html/design/building-blocks/buttons.jd new file mode 100644 index 0000000..18beab0 --- /dev/null +++ b/docs/html/design/building-blocks/buttons.jd @@ -0,0 +1,40 @@ +page.title=Buttons +@jd:body + +<p>A button consists of text and/or an image that clearly communicates what action will occur when the +user touches it. Android supports two different types of buttons: <em>basic buttons</em> and <em>borderless +buttons</em>. Both can contain text labels and/or images.</p> + +<div style="text-align: center"> + <img src="{@docRoot}design/media/buttons_basic.png"> +</div> + +<h2 id="basic">Basic Buttons</h2> + +<p>Basic buttons are traditional buttons with borders and background. Android supports two styles for +basic buttons: default and small. Default buttons have slightly larger font size and are optimized +for display outside of form content. Small buttons are intended for display alongside other content. +They have a smaller font and smaller minimum height. Use small buttons in forms where they need to +align with other UI elements.</p> + +<img src="{@docRoot}design/media/buttons_default_small.png"> +<div class="layout-content-row"> + <div class="layout-content-col span-6"> + <div class="figure-caption"> + Default buttons in Holo Dark & Light. + </div> + </div> + <div class="layout-content-col span-6"> + <div class="figure-caption"> + Small buttons in Holo Dark & Light. + </div> + </div> +</div> + +<h2 id="borderless">Borderless Buttons</h2> + +<p>Borderless buttons resemble basic buttons except that they have no borders or background. You can +use borderless buttons with both icons and text. Borderless buttons are visually more lightweight +than basic buttons and integrate nicely with other content.</p> + +<img src="{@docRoot}design/media/buttons_borderless.png"> |