Page Comparison

Component Size

• This allows users to modify the size of a specific component according to the grid size of layout.

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

Label

"Label" is refers to the name that is displayed to users.

Variant

Variant Change the color of the badge name. below are the different variants

Default: Default color is dark grey.

Inverse: Change the badge color to dark grey.

Lightest: Change the badge color to white.

Success: Change the badge color to Green.

Warning: Change the badge color to Orange.

Error: Change the badge color to Red.

Left Icon

This field lets you choose different icon to display on the left side of the badge.

Right Icon

This field lets you choose different icon to display on the Right side of the badge.

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.

Component Label