slide — Kuito Documentação

Utilização

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())} />;

Propriedades e métodos 4

Nome	Tipo	Obrigatório	Descrição
`up`	`(by?: number) => Effect`	Sim	— Predefinição: `(by: number = 24): Effect => tracks('slide', [{ prop: 'translateY', enter: distance(by), exit: -by }])`
`down`	`(by?: number) => Effect`	Sim	— Predefinição: `(by: number = 24): Effect => tracks('slide', [{ prop: 'translateY', enter: -distance(by), exit: by }])`
`left`	`(by?: number) => Effect`	Sim	— Predefinição: `(by: number = 24): Effect => tracks('slide', [{ prop: 'translateX', enter: distance(by), exit: -by }])`
`right`	`(by?: number) => Effect`	Sim	— Predefinição: `(by: number = 24): Effect => tracks('slide', [{ prop: 'translateX', enter: -distance(by), exit: by }])`

up — assinaturas de método

Assinaturas

(by?: number): Effect

Parâmetros

Nome	Tipo	Obrigatório	Descrição
`by`	`number`	Não	— Predefinição: `24`

Devolve

Effect

down — assinaturas de método

Assinaturas

(by?: number): Effect

Parâmetros

Nome	Tipo	Obrigatório	Descrição
`by`	`number`	Não	— Predefinição: `24`

Devolve

Effect

left — assinaturas de método

Assinaturas

(by?: number): Effect

Parâmetros

Nome	Tipo	Obrigatório	Descrição
`by`	`number`	Não	— Predefinição: `24`

Devolve

Effect

right — assinaturas de método

Assinaturas

(by?: number): Effect

Parâmetros

Nome	Tipo	Obrigatório	Descrição
`by`	`number`	Não	— Predefinição: `24`

Devolve

Effect

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.