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

SideNav

Expression Extends:

class SideNav extends BaseComponent(HTMLElement)

Mixin Extends:

HTMLElement, BaseComponent

A Side Navigation component to navigate the entire content of a product or a section. These can be used for a single level or a multi-level navigation.

See:

Example:

Markup
<coral-sidenav></coral-sidenav>
JS constructor
new Coral.SideNav();

Static Member Summary

Static Public Members
public static

Returns SideNav variants.

Member Summary

Public Members
public

The Collection Interface that allows interacting with the items that the component contains.

public

Returns the first selected item in the sidenav.

public

The sidenav's variant. See SideNavVariantEnum.

  • SideNavVariantEnum.DEFAULT by default.
  • reflected

Static Public Members

public static variant: SideNavVariantEnum: * source

Returns SideNav variants.

Public Members

public items: Collection source

The Collection Interface that allows interacting with the items that the component contains.

  • read-only

public selectedItem: SideNavItem source

Returns the first selected item in the sidenav. The value null is returned if no element is selected.

  • read-only

public variant: String source

The sidenav's variant. See SideNavVariantEnum.

  • SideNavVariantEnum.DEFAULT by default.
  • reflected