kuito.
Commencer

SheetMotion

What a Sheet moves as it is dragged and snaps, every frame on the UI thread (docs/motion.md#motion-sources).

type

Utilisation

Open and dismiss a sheet with a signal.

Ce type est utilisé par Sheet

tsx
// Open and dismiss a sheet with a signal.
import { Sheet, Text, signal } from 'kuito';

const queueOpen = signal(false);

<Sheet
  open={queueOpen.value}
  snapPoints={['content', '90%']}
  onClose={() => (queueOpen.value = false)}
  padding={24}
>
  <Text>Up next</Text>
</Sheet>;

Déclaration du type

ts
export interface SheetMotion {
  /** Points the sheet stands over the screen's bottom. */
  readonly height: Motion<number>;
  /** Where that is between its lowest snap point (0) and its highest (1); below 0 dragged toward closing. */
  readonly progress: Motion<number>;
}

Membres 2

NomTypeRequisDescription
heightlecture seuleMotion<number>OuiPoints the sheet stands over the screen's bottom.
progresslecture seuleMotion<number>OuiWhere that is between its lowest snap point (0) and its highest (1); below 0 dragged toward closing.
Généré depuis les déclarations TypeScript publiques : signatures, props et valeurs par défaut viennent de la source vérifiée, les descriptions de sa JSDoc. Aucune valeur par défaut n'est inventée.