CngxDrawerContent

Directivev0.1.0

projects/common/layout/drawer/drawer-content.directive.ts

import { CngxDrawerContent } from '@cngx/common/layout'

Marks the main content area adjacent to a drawer panel.

Adds a CSS class when the drawer is open so the consumer can offset the content via CSS transitions or transforms.

<main [cngxDrawerContent]="drawer">
  Page content
</main>

Bound classes: cngx-drawer-content ← true cngx-drawer-content--shifted ← isOpen

drawerRef#CngxDrawer

input()Required

Reference to the parent CngxDrawer state owner.

default { alias: 'cngxDrawerContent' }

Binding	Expression
`[class.cngx-drawer-content]`	`true`
`[class.cngx-drawer-content--shifted]`	`isOpen()`