Interface PositionProps

Accepted values for enforcing element positioning.

Essentially, all the well-known HTML properties are available, but with predefined values.

See below for an example using some of the properties:

Exemplo básico:

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

   backgroundColor="primary-300"
   borderColor="neutral-900"
   borderWidth="hairline"
>
 <Text color="neutral-900">My awesome text</Text>
</View>

Hierarchy

Properties

bottom? left? position? right? top? zIndex?

Properties

Optional bottom

bottom?: string | number

A distance from the bottom.

Example:

  <bottom={20} />

Optional left

left?: string | number

A distance from the left.

Example:

  <left={20} />

Optional position

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

The element positioning.

Example:

  <position="relative" />

Optional right

right?: string | number

A distance from the right.

Example:

  <right={20} />

Optional top

top?: string | number

A distance from the top.

Example:

  <top={20} />

Optional zIndex

zIndex?: number | "auto" | "inherit" | "initial" | "unset" | "revert" | "revert-layer"

Value of z-index

Example:

  <zIndex={1} />

Settings

Member Visibility

Theme

On This Page