SliderProps — Kuito Documentação

Utilização

Adjust volume and show its percentage

Este tipo é usado por 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>
  );
}

Declaração do tipo

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;
};

Membros 9

Nome	Tipo	Obrigatório	Descrição
`value`	`number`	Não	Two-way when given a signal: the slider writes it as the user drags.
`min`	`number`	Não	0 by default.
`max`	`number`	Não	1 by default.
`step`	`number`	Não	The value snaps to multiples of `step` from `min`; 0 slides freely.
`disabled`	`boolean`	Não	—
`fillColor`	`string`	Não	The track before the thumb.
`trackColor`	`string`	Não	The track after the thumb.
`onChange`	`(value: number) => void`	Não	The value, while the user drags.
`onChangeEnd`	`(event: SliderEvent) => void`	Não	When the user lets go.

onChange — assinaturas de método

Assinaturas

(value: number): void

Parâmetros

Nome	Tipo	Obrigatório	Descrição
`value`	`number`	Sim	—

Devolve

void

onChangeEnd — assinaturas de método

Assinaturas

(event: SliderEvent): void

Parâmetros

Nome	Tipo	Obrigatório	Descrição
`event`	`SliderEvent`	Sim	—

Devolve

void

Gerado a partir das declarações TypeScript públicas: assinaturas, props e predefinições vêm da fonte verificada, as descrições da sua JSDoc. Nenhuma predefinição é inventada.