SliderProps — Kuito Dokumentation

Verwendung

Adjust volume and show its percentage

Dieser Typ wird verwendet von Slider

tsx

import { Slider, Text, VStack, signal } from 'kuito';

export default function Volume() {
  const volume = signal(0.5);

  return (
    <VStack gap={8} padding={16}>
      <Slider label="Volume" value={volume} height={40} />
      <Text>{Math.round(volume.value * 100) + '%'}</Text>
    </VStack>
  );
}

Typdeklaration

export type SliderProps = {
  /** Two-way when given a signal: the slider writes it as the user drags. */
  value?: number;
  /** 0 by default. */
  min?: number;
  /** 1 by default. */
  max?: number;
  /** The value snaps to multiples of `step` from `min`; 0 slides freely. */
  step?: number;
  disabled?: boolean;
  /** The track before the thumb. */
  fillColor?: string;
  /** The track after the thumb. */
  trackColor?: string;
  /** The value, while the user drags. */
  onChange?: (value: number) => void;
  /** When the user lets go. */
  onChangeEnd?: (event: SliderEvent) => void;
};

Mitglieder 9

Name	Typ	Erforderlich	Beschreibung
`value`	`number`	Nein	Two-way when given a signal: the slider writes it as the user drags.
`min`	`number`	Nein	0 by default.
`max`	`number`	Nein	1 by default.
`step`	`number`	Nein	The value snaps to multiples of `step` from `min`; 0 slides freely.
`disabled`	`boolean`	Nein	—
`fillColor`	`string`	Nein	The track before the thumb.
`trackColor`	`string`	Nein	The track after the thumb.
`onChange`	`(value: number) => void`	Nein	The value, while the user drags.
`onChangeEnd`	`(event: SliderEvent) => void`	Nein	When the user lets go.

onChange — Methodensignaturen

Signaturen

(value: number): void

Parameter

Name	Typ	Erforderlich	Beschreibung
`value`	`number`	Ja	—

Rückgabe

void

onChangeEnd — Methodensignaturen

Signaturen

(event: SliderEvent): void

Parameter

Name	Typ	Erforderlich	Beschreibung
`event`	`SliderEvent`	Ja	—

Rückgabe

void

Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.