> For the complete documentation index, see [llms.txt](https://docs.work-relay.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.work-relay.com/forms/form-components/options/custom-button.md).

# Custom button

Displays a button on the form buttons area or inside of a section. To be usable, this button should have an event configured. Button properties depend on where it is placed.

## Working with component

[Managing components](https://neostella.gitbook.io/work-relay-documentation/K6d8zoAI1M2x24Qd4SS2/forms/form-components/working-with-form-components#managing-components)

## Component properties

[Components basic properties](https://neostella.gitbook.io/work-relay-documentation/K6d8zoAI1M2x24Qd4SS2/forms/form-components/components-basic-properties)

This component has no specific properties when added to form at all (1, dragged to form top area):

![](/files/a559ef3eed44885106de11eb621c68691c77336e)

This component has the following specific properties when added into section (like other form elements, 2):

* Align (3) - aligns button left, center or right relatively to the section column where button has been placed:

![](/files/43647a89ad6fe83f0a7adad825527d3c1262a296)

## Validation rules

This component has no validation rules.

## Events

[Form button events](https://neostella.gitbook.io/work-relay-documentation/K6d8zoAI1M2x24Qd4SS2/forms/form-building/events)

## Conditional styles

[Form components conditional styling](https://neostella.gitbook.io/work-relay-documentation/K6d8zoAI1M2x24Qd4SS2/forms/basics/conditional-styles)

This component has following conditional styles available:

* hide
* show
* disable