SheetMotion — Kuito Documentation

Usage

Open and dismiss a sheet with a signal.

This type is used by 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>;

Type declaration

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

Members 2

Name	Type	Required	Description
`height`readonly	`Motion<number>`	Yes	Points the sheet stands over the screen's bottom.
`progress`readonly	`Motion<number>`	Yes	Where that is between its lowest snap point (0) and its highest (1); below 0 dragged toward closing.

Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.