slide — Kuito Dokumentation

Verwendung

Slide a view into place.

tsx

// Slide a view into place.
import { Box, fade, slide } from 'kuito';

<Box enter={slide.up(12)} exit={slide.down()} />; // 24 by default
<Box enter={fade.and(slide.left())} />;

Eigenschaften und Methoden 4

Name	Typ	Erforderlich	Beschreibung
`up`	`(by?: number) => Effect`	Ja	— Standard: `(by: number = 24): Effect => tracks('slide', [{ prop: 'translateY', enter: distance(by), exit: -by }])`
`down`	`(by?: number) => Effect`	Ja	— Standard: `(by: number = 24): Effect => tracks('slide', [{ prop: 'translateY', enter: -distance(by), exit: by }])`
`left`	`(by?: number) => Effect`	Ja	— Standard: `(by: number = 24): Effect => tracks('slide', [{ prop: 'translateX', enter: distance(by), exit: -by }])`
`right`	`(by?: number) => Effect`	Ja	— Standard: `(by: number = 24): Effect => tracks('slide', [{ prop: 'translateX', enter: -distance(by), exit: by }])`

up — Methodensignaturen

Signaturen

(by?: number): Effect

Parameter

Name	Typ	Erforderlich	Beschreibung
`by`	`number`	Nein	— Standard: `24`

Rückgabe

Effect

down — Methodensignaturen

Signaturen

(by?: number): Effect

Parameter

Name	Typ	Erforderlich	Beschreibung
`by`	`number`	Nein	— Standard: `24`

Rückgabe

Effect

left — Methodensignaturen

Signaturen

(by?: number): Effect

Parameter

Name	Typ	Erforderlich	Beschreibung
`by`	`number`	Nein	— Standard: `24`

Rückgabe

Effect

right — Methodensignaturen

Signaturen

(by?: number): Effect

Parameter

Name	Typ	Erforderlich	Beschreibung
`by`	`number`	Nein	— Standard: `24`

Rückgabe

Effect

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