Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Attribute Name

Description

Required Type

Required Error

Base UI

...

:

image-20240820-075339.pngImage Removed

...

image-20240925-143837.pngImage Added

UI

  • This allows users to modify the size of a section within the layout according to the grid size.

  • This feature allows for flexible customization, enabling users to resize components to fit their specific needs within the defined grid structure.

    Attribute Name

    Description

    Component Size

    Note: Currently, we support Component Size 1 for Section. All other sizes will throw an error alert displaying Max allowed value is 1 .

    Padding Location

    "Padding Location" typically refers to the configuration of spacing around elements

    Padding Size

    "Padding Size" refers to the amount of space added inside an element, between the element's content and its border or edge.

    Margin Location

    "Margin Location" refers to the spacing around the outside edge of an element

    Margin Size

    "Margin Size" refers to the amount of space around the outside edges of an element,

    Style

    • It is used to apply custom styles to section, such as color, font, size, and more.

    • It allows you to define the appearance of a component by specifying CSS properties directly within the attribute.

    • You can explore more about Styles attribute

    Classes

    • It is used to apply SLDS classes to section, if needed.

    Hide Space

    UI State

    ...

    Attribute Name

    Description

    Visibility Type

    It determines whether a component is visible on the layout. It offers the following visibility types:

    1. Always: The component will always be visible.

    2. Conditional: The component's visibility is determined based on specific criteria, which can make it either visible or hidden as needed.
      You can explore more about Visibility Type here

    Info

    Reference: Conditional Visibility

    Read Only Type

    It specifies whether a component can be edited by users. It offers the following options:

    1. Never: The component will always be editable at any time.

    2. Always: The component will never be editable.

    3. Conditional: The component's editability is determined based on specific criteria, which can make it either editable or read only as needed.

    You can explore more about conditional visibility

    Info

    Reference: Read Only.

    Disability Type

    It determines whether a component is disable on the layout. It offers the following visibility types:

    1. Never: There is no disable option for this component

    2. Always: The component will always be visible.

    3. Conditional: The component's visibility is determined based on specific criteria, which can make it either visible or hidden as needed.
      You can explore more about Visibility Type here.

    Info

    Reference: Conditional Disability

    UI:

    image-20240925-144048.pngImage Added

    Attribute Name

    Description

    Layout

    Copy Enabled?

    Help Text

    Include Page
    Visibility and Disability
    Visibility and Disability

    Events:

    • Events are essentially the automation of invoking the component's actions.

    • Here, we have onload event, click event actions are available for this components.

    ...