Reference Source
import {Drawer} from '@adobe/coral-spectrum'
public class | source

Drawer

Expression Extends:

class Drawer extends BaseComponent(HTMLElement)

Mixin Extends:

HTMLElement, BaseComponent

A Drawer component to display content that can be opened and closed with a sliding animation.

See:

Example:

Markup
<coral-drawer></coral-drawer>
JS constructor
new Coral.Drawer();

Static Member Summary

Static Public Members
public static

Returns Drawer direction options.

Member Summary

Public Members
public

The drawer's content element.

  • content-zone

public

The drawer's direction. See DrawerDirectionEnum.

  • DrawerDirectionEnum.DOWN by default.
  • reflected

public

Whether this item is disabled or not.

public

Whether the Drawer is expanded or not.

Static Public Members

public static direction: DrawerDirectionEnum: * source

Returns Drawer direction options.

Public Members

public content: DrawerContent source

The drawer's content element.

  • content-zone

public direction: String source

The drawer's direction. See DrawerDirectionEnum.

  • DrawerDirectionEnum.DOWN by default.
  • reflected

public disabled: Boolean source

Whether this item is disabled or not. This will stop every user interaction with the item.

  • false by default.
  • reflected

public open: Boolean source

Whether the Drawer is expanded or not.

  • false by default.
  • reflected