Skip to content

Expandable Card — Reference

Reference · Advanced · Framework7 8

Expandable Card settings and behavior. Settings include Hide Navbar On Open, Hide Toolbar On Open, Hide Statusbar On Open, Swipe To Close.

Expandable Card settings and events. Select the component in App Structure to find these controls in Properties.

Name Description
Hide Navbar On OpenWill hide Navbar on expandable card open. Default: true. Attribute: data-hide-navbar-on-open.
Hide Toolbar On OpenWill hide Toolbar on expandable card open. Default: true. Attribute: data-hide-toolbar-on-open.
Hide Statusbar On OpenWill hide "Statusbar" (or fully hide Navbar) on expandable card open. Default: true. Attribute: data-hide-statusbar-on-open.
Swipe To CloseAllows to close expandable card with swipe. Default: true. Attribute: data-swipe-to-close.
BackdropEnables expandable card backdrop layer. Default: true. Attribute: data-backdrop.
Close By Backdrop ClickWhen enabled, expandable card will be closed on its backdrop click. Default: true. Attribute: data-close-by-backdrop-click.
AnimatePerform animation on card open and close. Default: true. Attribute: data-animate.
OutlineDefault: false.
No ShadowDefault: false.
No BorderDefault: false.