GitHub

Beacon

A beacon is a small indicator that draws visual attention to a specific location or element.

Components

DaffBeaconComponent

import { DaffBeaconComponent } from '@daffodil/design/beacon'

DaffBeaconComponent is a small indicator that draws visual attention to a specific location or element.

@Component()
class DaffBeaconComponent {
  speed: InputSignal<DaffBeaconSpeed> = 'normal'
  @Input() color: DaffColor
  @Input() status: DaffStatus
  @Input() size: DaffButtonSize
}

Inputs

speed
InputSignal<DaffBeaconSpeed>
Default'normal'
Description

How fast the beacon pulses.

color
DaffColor
Default
Description

The color of the component.

status
DaffStatus
Default
Description

Sets the status on a component.

size
DaffButtonSize
Default
Description

The size of the component.