Expose Component Attributes in Experience Builder

You use a design resource to control which attributes are exposed in Experience Builder. A design resource lives in the same folder as your component. It describes the design-time behavior of the Aura component—information that visual tools need to display the component in a page or app.

To make an Aura component attribute available for administrators to edit in Experience Builder, add a design:attribute node for the attribute in the design resource. When you mark an attribute as required, it automatically appears in Experience Builder, unless it has a default value assigned to it.

You must specify required attributes with default values and attributes not marked as required in the component definition in the design resource to make them appear for users. A design resource supports attributes only of type int, string, or boolean.

For drag-and-drop components, exposed attributes appear in the component’s properties panel.

Properties panel

For theme layout components, exposed attributes appear when the theme layout is selected in the Settings | Theme area.

Theme area