Interface BorderProps

Valores aceitos para Bordas.

Se estiver procurando sobre cor de bordas, procure as ColorProps

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
   borderWidth='hairline'
   borderColor="neutral-900"
   borderRadius="small"
>
 <Text>Super customizado</Text>
</View>

Hierarchy

Properties

border? borderBottomWidth? borderLeftWidth? borderRadius? borderRadiusLeftBottom? borderRadiusLeftTop? borderRadiusRightBottom? borderRadiusRightTop? borderRightWidth? borderTopWidth? borderWidth?

Properties

Optional border

border?: "none" | "hairline" | "thin" | "thick" | "heavy"

A largura da borda.

Optional borderBottomWidth

borderBottomWidth?: "none" | "hairline" | "thin" | "thick" | "heavy"

A largura da borda inferior.

Optional borderLeftWidth

borderLeftWidth?: "none" | "hairline" | "thin" | "thick" | "heavy"

A largura da borda esquerda.

Optional borderRadius

borderRadius?: "none" | "micro" | "small" | "medium" | "circular" | "pill"

O raio de borda.

Optional borderRadiusLeftBottom

borderRadiusLeftBottom?: "none" | "micro" | "small" | "medium" | "circular" | "pill"

O raio de borda inferior esquerdo.

Optional borderRadiusLeftTop

borderRadiusLeftTop?: "none" | "micro" | "small" | "medium" | "circular" | "pill"

O raio de borda superior esquerdo.

Optional borderRadiusRightBottom

borderRadiusRightBottom?: "none" | "micro" | "small" | "medium" | "circular" | "pill"

O raio de borda inferior direito.

Optional borderRadiusRightTop

borderRadiusRightTop?: "none" | "micro" | "small" | "medium" | "circular" | "pill"

O raio de borda superior direito.

Optional borderRightWidth

borderRightWidth?: "none" | "hairline" | "thin" | "thick" | "heavy"

A largura da borda direita.

Optional borderTopWidth

borderTopWidth?: "none" | "hairline" | "thin" | "thick" | "heavy"

A largura da borda superior.

Optional borderWidth

borderWidth?: "none" | "hairline" | "thin" | "thick" | "heavy"

A largura da borda total.

Settings

Member Visibility

Theme

On This Page