Interface WindowProps

Valores aceitos para o componente Window.

Atente-se que algumas propriedades são herdadas de outros conjuntos

Hierarchy

Properties

backgroundColor? borderColor? bottomInset? checked? color? display? height? id? maxHeight? maxWidth? minHeight? minWidth? opacity? statusBarTextColor? title? topInset? viewportColor? visibility? visualState? width?

Properties

Optional backgroundColor

backgroundColor?: "none" | "primary-100" | "primary-300" | "primary-500" | "primary-700" | "primary-900" | "secondary-100" | "secondary-300" | "secondary-500" | "secondary-700" | "secondary-900" | "tertiary-100" | "tertiary-300" | "tertiary-500" | "tertiary-700" | "tertiary-900" | "accent-100" | "accent-300" | "accent-500" | "accent-700" | "accent-900" | "neutral-900" | "neutral-700" | "neutral-500" | "neutral-300" | "neutral-100" | "positive-700" | "positive-300" | "warning-700" | "warning-300" | "negative-700" | "negative-300" | "support-01" | "support-02" | "support-03"

Cor de fundo do componente

Optional borderColor

borderColor?: "none" | "primary-100" | "primary-300" | "primary-500" | "primary-700" | "primary-900" | "secondary-100" | "secondary-300" | "secondary-500" | "secondary-700" | "secondary-900" | "tertiary-100" | "tertiary-300" | "tertiary-500" | "tertiary-700" | "tertiary-900" | "accent-100" | "accent-300" | "accent-500" | "accent-700" | "accent-900" | "neutral-900" | "neutral-700" | "neutral-500" | "neutral-300" | "neutral-100" | "positive-700" | "positive-300" | "warning-700" | "warning-300" | "negative-700" | "negative-300" | "support-01" | "support-02" | "support-03"

Cor das bordas do componente

Optional bottomInset

bottomInset?: boolean

Quando ativo controla o espaçamento no topo para permitir que o conteúdo não fique por baixo do gesture bar no celular.

Optional checked

checked?: boolean

Optional color

color?: "none" | "primary-100" | "primary-300" | "primary-500" | "primary-700" | "primary-900" | "secondary-100" | "secondary-300" | "secondary-500" | "secondary-700" | "secondary-900" | "tertiary-100" | "tertiary-300" | "tertiary-500" | "tertiary-700" | "tertiary-900" | "accent-100" | "accent-300" | "accent-500" | "accent-700" | "accent-900" | "neutral-900" | "neutral-700" | "neutral-500" | "neutral-300" | "neutral-100" | "positive-700" | "positive-300" | "warning-700" | "warning-300" | "negative-700" | "negative-300" | "support-01" | "support-02" | "support-03"

Cor do texto no componente

Optional display

display?: "none" | "block" | "flex" | "inline" | "inline-block" | "inline-flex"

A exibição do elemento.

Optional height

height?: string | number

A altura do elemento.

Optional id

id?: string

Preenche o ID do elemento (não tem muito uso prático)

Optional maxHeight

maxHeight?: string | number

A altura máxima do elemento.

Optional maxWidth

maxWidth?: string | number

A largura máxima do elemento.

Optional minHeight

minHeight?: string | number

A altura mínima do elemento.

Optional minWidth

minWidth?: string | number

A largura mínima do elemento.

Optional opacity

opacity?: "none" | "light" | "half" | "transparent"

A opacidade do elemento.

Optional statusBarTextColor

statusBarTextColor?: "white" | "black"

Determina a cor dos ícones da StatusBar do aparelho.

Use: white para branco ou black para preto.

Optional title

title?: string

Define o título da página, este recurso será utilizado no futuro.

Optional topInset

topInset?: boolean

Esta opção deve ser utilizada quando há algum componente de formulário, ao tocar no elemento ele induz o foco do componente de formulário que estiver contido.

<View sendFocusToInput>
 <Text>Acima de um input</Text>
 <Input />
</View>

Optional viewportColor

viewportColor?: "none" | "primary-100" | "primary-300" | "primary-500" | "primary-700" | "primary-900" | "secondary-100" | "secondary-300" | "secondary-500" | "secondary-700" | "secondary-900" | "tertiary-100" | "tertiary-300" | "tertiary-500" | "tertiary-700" | "tertiary-900" | "accent-100" | "accent-300" | "accent-500" | "accent-700" | "accent-900" | "neutral-900" | "neutral-700" | "neutral-500" | "neutral-300" | "neutral-100" | "positive-700" | "positive-300" | "warning-700" | "warning-300" | "negative-700" | "negative-300" | "support-01" | "support-02" | "support-03"

Determina a cor da viewport onde a aplicação irá rodar

Optional visibility

visibility?: "hidden" | "visible" | "collapse"

A visibilidade do elemento.

Optional visualState

visualState?: "success" | "danger" | "warning"

Determina o estado visual do componente e seus filhos.

Optional width

width?: string | number

A largura do elemento.

Settings

Member Visibility

Theme

On This Page