A 3D panel component used to display critical content.
All components are based on CodyFrame.
This component includes variations. Variations share the same SCSS/JS code but differ in their HTML.
The 3D Drawer component is a slide-in, 3D panel used to display relevant information without losing the context of the page.
To connect the 3D panel to its trigger (e.g., button), make sure the ID value of the first one is equal to the aria-controls value of the second one.
By default, the panel enters the viewport from the right. You can modify this behavior using one of the following class modifiers (applied to the
You can listen to the opening/closing of a drawer element using the two custom events
drawerIsClose that are emitted when the drawer is open/close.