---
title: Button
url: 'https://brendo.org/wp-content/plugins/wp-optimize/vendor/team-updraft/common-libs/src/updraft-theme/components/button'
markdown: 'https://brendo.org/wp-content/plugins/wp-optimize/vendor/team-updraft/common-libs/src/updraft-theme/components/button.md'
date: '2026-07-09'
description: 'Button Sample usage - <tu-button size="medium" variant="secondary" icon-right="left" icon-left="click" > Hello there! </tu-button> Screenshot -'
---

# Button

Sample usage -

```HTML
<tu-button
 size="medium"
 variant="secondary"
 icon-right="left"
 icon-left="click"
>
 Hello there!
</tu-button>
```

Screenshot -

![Screenshot](https://brendo.org/wp-content/plugins/wp-optimize/vendor/team-updraft/common-libs/src/updraft-theme/components/button/./screenshot.png)

---

## Navigation

- Next: [Column-and-row](https://brendo.org/wp-content/plugins/wp-optimize/vendor/team-updraft/common-libs/src/updraft-theme/components/column-and-row.md)