SizeValue — Kuito Dokumentation

Verwendung

Overlay a now-playing caption

Dieser Typ wird verwendet von 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>
  );
}

Typdeklaration

export type SizeValue =
  | LengthPercentageAuto
  | 'min-content'
  | 'max-content'
  | 'fit-content'
  | `fit-content(${number})`
  | `fit-content(${number}%)`
  | 'stretch';

Typ

LengthPercentageAuto | "min-content" | "max-content" | "fit-content" | `fit-content(${number})` | `fit-content(${number}%)` | "stretch"

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