Effect — Kuito Documentation

Usage

Overlay a now-playing caption

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

Type declaration

export interface Effect {
  readonly __kuitoEffect: EffectNode;
  /** This effect and `other` at once. */
  and(other: Effect): Effect;
}

Members 1

Name	Type	Required	Description
`and`	`(other: Effect) => Effect`	Yes	This effect and `other` at once.

and — method signatures

Signatures

(other: Effect): Effect

Parameters

Name	Type	Required	Description
`other`	`Effect`	Yes	—

Returns

Effect

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