Versions Compared

Key

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

...

Note: By default, this attribute is set to a value of 3, meaning that up to three actions will be directly visible in the section header.

Attribute

Description

Header

This field allows users to add a title or heading to the section, providing context or description for the content within the section.

You can also assign a dynamic Header using merge text.

Info

Reference: Merge Text

No Header

This checkbox enables users to remove the section's header, creating a streamlined layout without a title or heading.

Is Collapsible

This checkbox allows users to make sections of the application interface collapsible, enhancing the overall user experience.

Actions

This allows users to add multiple actions to a section, each represented as a button. It enables users to quickly perform specific actions or invoke workflows directly from the section header.

Info

Reference: Actions

Overflow After

It is used to manage the display of actions in a list format within a section header.

Info
Panel
panelIconId1f5e8
panelIcon:speech_left:
panelIconText🗨️
bgColor#F4F5F7

For Example: If you have three actions, all will be displayed in the section header. If you add a fourth action, it will appear in the drop-down list, along with any subsequent actions.

Show Border

It is used to simply add border surrounding the section.

info

Note: Currently, we support only black borders.

UI

Include Page
UI Attributes
UI Attributes

...

Variant

Description

Neutral

Neutral is the default variant of the Action which is displayed in white color.

Brand

Brand variant is a blue color.

Outline-brand

Outline-brand is like the brand variant, but the color is used for the label and border only, not the whole Action color.

Destructive

Destructive variant is in a red color.

info

Note: It is usually used to group buttons which depict actions which warn the user.

Success

Success variant is in a green color.

info

Note: It is usually used to group buttons which depict successful action.

Include Page
Visibility and Disability
Visibility and Disability

...