Usage

Expand icon position comes with two different types of justifying to design.

Guidance

  • Collapse should include multiple panels.

  • Each panel should indicate a header.

  • Able to add multiple panels by using + icon near Collapse component on page tree.

When to use

  • Use Collapse to expandable panels.

Additional info

  • Consider using Collapse as accordion, bordered, and/or ghost to design its visualization.

  • Consider using Panels as disabled or show arrows to set their behaviors.

Variations

  • The updatable property of Collapse is expanding icon position.

  • The updatable behaviors of Collapse are accordion, bordered, and ghost.

  • The updatable style features of Collapse are margin, padding, size, overflow, typography, background, border, effects, and CSS.

  • The updatable style features of the Collapse Header are margin, padding, size, overflow, typography, background, border, effects, and CSS.

  • The updatable style features of Collapse Content are display, margin, padding, size, overflow, typography, background, border, effects, and CSS.

  • The usable dynamic properties of Collapse are accordion, bordered, expandIconPosition, ghost, hidden, and style.

  • The updatable property of Panels is the header.

  • The updatable behaviors of Panels are disabled and showArrow.

  • The usable dynamic properties of Panels are header, disabled, showArrow, extra, hidden, and style.

Did this answer your question?