---
title: button
framework: tvml
role: collectionGroup
path: tvml/button
---

# button

Displays a button icon the user can click to initiate an action.

## Overview

Overview Clicking a button or lockup is one of the most common ways for a user activate a selection. Here’s an example of a button with the text inside of it. <button>     <text>Button</text> </button Subelements of button text Elements that Use button alertTemplate banner descriptiveAlertTemplate footer row separator

## Topics

### Valid TVML Styles

- [height](tvml/element-shaping-height.md)
- [margin](tvml/margin.md)
- [max-height](tvml/element-shaping-max-height.md)
- [max-width](tvml/element-shaping-max-width.md)
- [min-height](tvml/element-shaping-min-height.md)
- [min-width](tvml/element-shaping-min-width.md)
- [padding](tvml/padding.md)
- [width](tvml/element-shaping-width.md)

### Valid TVML Attributes

- [autoHighlight](tvml/autohighlight.md)
- [binding](tvml/binding.md)
- [prototype](tvml/prototype.md)
- [theme](tvml/theme.md)

## See Also

### Lockup Elements

- [buttonLockup](tvml/buttonlockup.md)
- [listItemLockup](tvml/listitemlockup.md)
- [lockup](tvml/lockup.md)
- [monogramLockup](tvml/monogramlockup.md)
- [overlay](tvml/overlay.md)