Mixins / foldkit-mixins-ui

AngleSliderView

interface · packages/mixins-ui/src/angleSlider.ts:213

interface AngleSliderView<Message> extends AngleSliderLayout {
  readonly model: Model
  readonly onMessage: (message: typeof Message.Type) => NoInfer<Message>
  readonly label: string
  readonly format?: ((value: number) => string) | undefined
  readonly valueText?: ((value: number) => string) | undefined
  readonly showValue?: boolean | undefined
  readonly name?: string | undefined
  readonly disabled?: boolean | undefined
  readonly readOnly?: boolean | undefined
  readonly invalid?: boolean | undefined
  readonly style?: NamedStyle<typeof AngleSliderSlots> | undefined
  readonly mixins?: MixinList<Message> | undefined
}

Members

AngleSliderView.model

property · packages/mixins-ui/src/angleSlider.ts:214

readonly model: Model

AngleSliderView.onMessage

property · packages/mixins-ui/src/angleSlider.ts:216

readonly onMessage: (message: typeof Message.Type) => NoInfer<Message>

Lifts the dial's own Messages into the application's.

AngleSliderView.label

property · packages/mixins-ui/src/angleSlider.ts:218

readonly label: string

What the angle is of, shown and naming the slider.

AngleSliderView.format

property · packages/mixins-ui/src/angleSlider.ts:220

readonly format?: ((value: number) => string) | undefined

The angle as shown; default 90°.

AngleSliderView.valueText

property · packages/mixins-ui/src/angleSlider.ts:222

readonly valueText?: ((value: number) => string) | undefined

The angle as read aloud; default 90 degrees.

AngleSliderView.showValue

property · packages/mixins-ui/src/angleSlider.ts:224

readonly showValue?: boolean | undefined

Draws the angle in the dial; default true.

AngleSliderView.name

property · packages/mixins-ui/src/angleSlider.ts:226

readonly name?: string | undefined

A form field name: a hidden input then holds the angle.

AngleSliderView.disabled

property · packages/mixins-ui/src/angleSlider.ts:227

readonly disabled?: boolean | undefined

AngleSliderView.readOnly

property · packages/mixins-ui/src/angleSlider.ts:229

readonly readOnly?: boolean | undefined

Focusable and read, but neither keys nor the pointer change it.

AngleSliderView.invalid

property · packages/mixins-ui/src/angleSlider.ts:230

readonly invalid?: boolean | undefined

AngleSliderView.style

property · packages/mixins-ui/src/angleSlider.ts:232

readonly style?: NamedStyle<typeof AngleSliderSlots> | undefined

A style of AngleSliderSlots, for the look.

AngleSliderView.mixins

property · packages/mixins-ui/src/angleSlider.ts:234

readonly mixins?: MixinList<Message> | undefined

Mixins beside the style.