> 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/lightning-component.md).

# Lightning component

Users have an ability to add lightning components to the form. Those components will be rendered on the form only if Lightning Experience is enabled for the organization and form is opened within Lightning context.

## Working with component

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

Once component is added, choose Lightning Component from the list and provide component attributes if needed.

![](/files/a9222c64eb1c3dc9d367d8d8641470f8a5cac47a)

{% hint style="info" %}
To use lightning component within the form component access type should be set to Global. All the required component attributes should be also global.
{% endhint %}

## Component properties

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

## Running form action from lightning component

[How to run form action from lightning component](/forms/using-forms/how-to-run-form-action-from-lightning-component.md)

## Events

This component has no events.

## Conditional styles

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

Lightning component has following conditional styles options:

* **hide**
* **show**