GitHub

Sizable

Sizable enforces consistent use of size across components.

Directives

DaffSizableDirective

import { DaffSizableDirective } from '@daffodil/design'

DaffSizableDirective enforces consistent use of sizes across components.

@Directive()
class DaffSizableDirective<<T extends DaffSizeAllType>>  implements OnChanges, OnInit {
  defaultSize: "sm"

  @Input() size: DaffButtonSize
}

Inputs

size
DaffButtonSize
Default
Description

The size of the component.

Properties

defaultSize
"sm"
Default
Description

Sets a default size.


Types

DaffSizable

Deprecated

import { DaffSizable } from '@daffodil/design'

interface DaffSizable<T extends DaffSizeAllType> {
  size: T
}

DaffSizeAllType

import { DaffSizeAllType } from '@daffodil/design'

All available sizes.


DaffSizableEnum

Deprecated

import { DaffSizableEnum } from '@daffodil/design'

enum DaffSizableEnum {
  XSmall = DaffSizableEnum.XSmall,
  Small = DaffSizableEnum.Small,
  Medium = DaffSizableEnum.Medium,
  Large = DaffSizableEnum.Large,
  XLarge = DaffSizableEnum.XLarge,
}

DaffSizeXSmallType

import { DaffSizeXSmallType } from '@daffodil/design'

type DaffSizeXSmallType = 'xs'

DaffSizeSmallType

import { DaffSizeSmallType } from '@daffodil/design'

type DaffSizeSmallType = 'sm'

DaffSizeMediumType

import { DaffSizeMediumType } from '@daffodil/design'

type DaffSizeMediumType = 'md'

DaffSizeLargeType

import { DaffSizeLargeType } from '@daffodil/design'

type DaffSizeLargeType = 'lg'

DaffSizeXLargeType

import { DaffSizeXLargeType } from '@daffodil/design'

type DaffSizeXLargeType = 'xl'