CngxDensity

Directivev0.1.0

projects/core/theming/cngx-density.directive.ts

Info
API

Import#

import { CngxDensity } from '@cngx/core'

Description#

Scopes the density preference to a subtree by reflecting [cngxDensity] onto the host [data-density] attribute. A section so marked overrides the root density set by provideDensity for its descendants - the escape hatch, not a per-component input.

<section cngxDensity="spacious"> ... </section>

The input is optional (a bare cngxDensity attribute binds the empty string, coerced to undefined), so it never asserts a required binding; an unset value leaves [data-density] off the host.

Metadata#

Selector: [cngxDensity]

Host#

Static attributes: [attr.data-density]density()

Index#

Inputs

density

HostBindings

attr.data-density

Inputs#

density#CngxDensityValue | undefined, CngxDensityValue | '' | undefined

input()

default

    undefined,    {      alias: 'cngxDensity',      transform: (value) => (value === '' ? undefined : value),    },

HostBindings#

Binding	Expression
`[attr.data-density]`	`density()`