Skip to main content
eagami

Drawer

<ea-drawer />

Right Drawer

Slides in from the right edge, useful for details panels.

Controls

Position

Code

<ea-drawer
  [animated]="true"
  [(open)]="open">
  <span slot="header">Settings</span>
  <p>Adjust your preferences here.</p>
  <span slot="footer">
    <ea-button variant="secondary">Cancel</ea-button>
    <ea-button>Save</ea-button>
  </span>
</ea-drawer>

API reference