BlurMaterial
Apple's system materials, from the most see-through to the bars': the blur and tint a surface is made of. Each follows the color scheme.
Usage
Overlay a now-playing caption
This type is used by Blur
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 type BlurMaterial = 'ultraThin' | 'thin' | 'regular' | 'thick' | 'chrome';Type
"thin" | "regular" | "ultraThin" | "thick" | "chrome"Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.