Role — Kuito Documentation

Utilisation

Overlay a now-playing caption

Ce type est utilisé par 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>
  );
}

Déclaration du type

export type Role =
  | 'alert'
  | 'button'
  | 'checkbox'
  | 'combobox'
  | 'grid'
  | 'heading'
  | 'img'
  | 'link'
  | 'list'
  | 'menu'
  | 'menubar'
  | 'menuitem'
  | 'none'
  | 'presentation'
  | 'progressbar'
  | 'radio'
  | 'radiogroup'
  | 'scrollbar'
  | 'searchbox'
  | 'slider'
  | 'spinbutton'
  | 'summary'
  | 'switch'
  | 'tab'
  | 'tablist'
  | 'timer'
  | 'toolbar';

Type

"alert" | "button" | "checkbox" | "combobox" | "grid" | "heading" | "img" | "link" | "list" | "menu" | "menubar" | "menuitem" | "none" | "presentation" | "progressbar" | "radio" | "radiogroup" | "scrollbar" | "searchbox" | "slider" | "spinbutton" | "summary" | "switch" | "tab" | "tablist" | "timer" | "toolbar"

Généré depuis les déclarations TypeScript publiques : signatures, props et valeurs par défaut viennent de la source vérifiée, les descriptions de sa JSDoc. Aucune valeur par défaut n'est inventée.