---
schema_version: "1"
id: 5b77ffefbd6cd676ea994b7687460a98e6009e5d7c739ab2f058323becaee5a6
title: Customize Flow Screens Using Aura Components
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/aura-platform/guides/aura/components/components-config-for-flow-screens-intro.md
canonical_url: https://developer.salesforce.com/docs/platform/aura-platform/guide/components-config-for-flow-screens-intro.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: 5658536e64ef35bf7e6bbd0c7b66b272c8f6bb8d2e130008887d1290cf293826
products:
  - Lightning Aura Components Developer Guide
  - Platform Developer Content
---

# Customize Flow Screens Using Aura Components

To customize the look and feel of your flow screen, build a custom Aura component. Configure the component and its design resource so that they’re compatible with flow screens. Then in Flow Builder, add a screen component to the screen.

-   **[Configure Components for Flow Screens](https://developer.salesforce.com/docs/platform/aura-platform/guide/components-config-for-flow-screens.md)**  


    Make your custom Aura components available to flow screens in Flow Builder by implementing the `lightning:availableForFlowScreens` interface.

-   **[Control Flow Navigation from an Aura Component](https://developer.salesforce.com/docs/platform/aura-platform/guide/components-config-for-flow-screens-navigate.md)**  


    By default, users navigate a flow by clicking standard buttons at the bottom of each screen. The `lightning:availableForFlowScreens` interface provides two attributes to help you fully customize your screen's navigation. To figure out which navigation actions are available for the screen, loop through the `availableActions` attribute. To programmatically trigger one of those actions, call the `navigateFlow` action from your JavaScript controller.

-   **[Customize the Flow Header with an Aura Component](https://developer.salesforce.com/docs/platform/aura-platform/guide/components-config-for-flow-screens-replace-header.md)**  


    To replace the flow header with an Aura component, use the `screenHelpText` parameter from the `lightning:availableForFlowScreens` interface.

-   **[Dynamically Update a Flow Screen with an Aura Component](https://developer.salesforce.com/docs/platform/aura-platform/guide/components-config-for-flow-screens-replace-form.md)**  


    To conditionally display a field on your screen, build an Aura component that uses `aura:if` to check when parts of the component should appear.


**See Also**  


-   [*Component Library*: lightning:availableForFlowScreens Interface](https://developer.salesforce.com/docs/component-library/bundle/lightning:availableForFlowScreens/documentation)

-   [Create Flow Local Actions Using Aura Components](https://developer.salesforce.com/docs/platform/aura-platform/guide/components-config-for-flow-actions.md)