hideCloseButton

Determines whether the close button is visible in the top right corner of the panel. Set to true to hide the button when panel dismissal is not required.

hideGripper

Determines whether the gripper is visible at the top center of the panel. Set to true to hide the gripper when panel dragging is not required.

style

Specifies the visual style of the panel. Use primary for panels that require high emphasis with the primary background color, and secondary for panels that require lower emphasis.

density

There are three density options for standard panel: compact, regular, and spacious. Regular is the default and recommended for layouts in creative tools, marketing, or analytics products. Use spacious for lighter-weight web experiences, such as Adobe Express. Use compact for complex professional tools where maximizing screen space is essential.

container

Defines the panel's layout behavior. Use anchored when the panel is docked alongside other panels on the same surface. Use floating when the panel is undocked and positioned above the application surface. Use dragged for the panel's appearance while it is being moved.

hideSections

Controls whether the panel content is organized into sections. When set to true, the panel displays content without structural segmentation, allowing full customization based on product or experience needs. When set to false, the panel uses an embedded accordion component to divide content into smaller, structured segments, each customizable while maintaining a standardized layout for clarity and consistency.

hideTitle

Determines whether the panel title is visible at the top of the panel.

hidebackButton

Determines whether the back button is visible at the top of the panel, positioned to the left of the panel title.

titleSize

Determines the size of the panel title. Options are small and medium. Use medium to establish visual hierarchy. Use small for compact layouts or secondary panels.