BlurProps — Kuito Documentação

Utilização

Overlay a now-playing caption

Este tipo é usado por Blur

tsx

import { Blur, Image, Text, VStack } from 'kuito';

export default function NowPlaying() {
  return (
    <VStack flex={1}>
      <Image
        src="https://example.com/cover.jpg"
        position="absolute"
        top={0}
        left={0}
        right={0}
        bottom={0}
      />
      <Blur material="thin" position="absolute" bottom={0} left={0} right={0} padding={16}>
        <Text>Now playing</Text>
      </Blur>
    </VStack>
  );
}

Declaração do tipo

export type BlurProps = {
  /** `regular` by default. */
  material?: BlurMaterial;
  /** Laid out inside it as a Box's, above the blur. */
  children?: KuitoNode;
};

Membros 2

Nome	Tipo	Obrigatório	Descrição
`material`	`BlurMaterial`	Não	`regular` by default.
`children`	`KuitoNode`	Não	Laid out inside it as a Box's, above the blur.

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.