Colorable

Colorable enforces consistent use of color across components.

Directives

import { DaffColorableDirective } from '@daffodil/design'

Enforces consistent use of DaffColor on a component by applying color-specific CSS classes and validating the color in dev mode.

@Directive()
class DaffColorableDirective implements OnChanges, OnInit {
  defaultColor: DaffColor

  @Input() color: DaffColor
}

color

DaffColor

Default	–
Description	The color of the component.

defaultColor

DaffColor

Default	–
Description	The default color used when no color is set.

Deprecated

import { DaffPalette } from '@daffodil/design'

type DaffPalette = DaffColor

import { DaffColor } from '@daffodil/design'

The available color options.

type DaffColor = 'primary' | 'secondary' | 'tertiary' | 'light' | 'dark' | 'theme' | 'theme-contrast' | 'black' | 'white' | undefined

Deprecated

import { DaffColorable } from '@daffodil/design'

interface DaffColorable {
  color: DaffColor
}