Interface ListItemProps

Valores aceitos para forçar o posicionamento dos elementos

Basicamente todas as propriedades já conhecidas do HTML estão presentes, mas seus valores são pré-definidos

Veja abaixo um exemplo utilizando algumas as propriedades:

<View
   position="fixed"
   top={0}
   left={0}
   right={0}

   backgroundColor="primary-300"
   borderColor="neutral-900"
   borderWidth="hairline"
>
 <Text color="neutral-900">Super customizado</Text>
</View>

Hierarchy

Properties

bottom? checked? display? id? left? opacity? position? right? top? visibility? visualState? zIndex?

Properties

Optional bottom

bottom?: string | number

A distância do elemento em relação à parte inferior.

Optional checked

checked?: boolean

Optional display

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

A exibição do elemento.

Optional id

id?: string

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

Optional left

left?: string | number

A distância do elemento em relação à esquerda.

Optional opacity

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

A opacidade do elemento.

Optional position

position?: "fixed" | "static" | "relative" | "absolute" | "sticky"

A posição do elemento.

Optional right

right?: string | number

A distância do elemento em relação à direita.

Optional top

top?: string | number

A distância do elemento em relação ao topo.

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 zIndex

zIndex?: number

O valor de zIndex do elemento.

Settings

Member Visibility

Theme

On This Page