Custom advance

The "Advanced Customization" feature allows users to tailor the appearance and behavior of components using custom CSS classes and styles. This is a powerful tool designed for developers or web designers who require detailed customization to meet specific design needs.

1. Custom Classes

Purpose: Users can add CSS classes to apply predefined styles from the project's CSS file.

How to Use:

  • Enter class names separated by commas if adding multiple classes (e.g., class1, class2).

  • These classes will be added to the component, triggering the corresponding styles.

2. Custom CSS

Purpose: Allows users to write CSS code directly to modify specific properties of a component without editing the original CSS file.

How to Use:

  • Write CSS rules in the input box, such as:

    overflow: hidden;
    display: block;
    background-color: #f3f3f3;
  • These CSS rules will apply only to the selected component.

3. Benefits of Advanced Customization

  • Enables developers to create unique designs without altering the default structure.

  • Adjusts components to match specific design themes or branding.

  • Simplifies testing changes without affecting the entire CSS codebase.

Last updated