Sizable enforces consistent use of size across components.
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
}
DaffButtonSize| Default | – |
|---|---|
| Description | The size of the component. |
"sm"| Default | – |
|---|---|
| Description | Sets a default size. |
import { DaffSizable } from '@daffodil/design'
interface DaffSizable<T extends DaffSizeAllType> {
size: T
}
import { DaffSizeAllType } from '@daffodil/design'
All available sizes.
import { DaffSizableEnum } from '@daffodil/design'
enum DaffSizableEnum {
XSmall = DaffSizableEnum.XSmall,
Small = DaffSizableEnum.Small,
Medium = DaffSizableEnum.Medium,
Large = DaffSizableEnum.Large,
XLarge = DaffSizableEnum.XLarge,
}
import { DaffSizeXSmallType } from '@daffodil/design'
type DaffSizeXSmallType = 'xs'
import { DaffSizeSmallType } from '@daffodil/design'
type DaffSizeSmallType = 'sm'
import { DaffSizeMediumType } from '@daffodil/design'
type DaffSizeMediumType = 'md'
import { DaffSizeLargeType } from '@daffodil/design'
type DaffSizeLargeType = 'lg'
import { DaffSizeXLargeType } from '@daffodil/design'
type DaffSizeXLargeType = 'xl'