Interface PaddingProps

Accepted values for padding.

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

See below for an example using some of the properties:

Example:

<View paddingLeft="nano" >
 <Text color="neutral-900">My awesome text</Text>
</View>

Hierarchy

Properties

padding? paddingBottom? paddingHorizontal? paddingLeft? paddingRight? paddingTop? paddingVertical?

Properties

Optional padding

padding?: string

General padding size

Check the token table to know which values to use

Example:

<padding="quark" />

Optional paddingBottom

paddingBottom?: string

Bottom padding size

Check the token table to know which values to use

Example:

<paddingBottom="quark" />

Optional paddingHorizontal

paddingHorizontal?: string

Horizontal (left and right) padding size

Check the token table to know which values to use

Example:

<paddingHorizontal="quark" />

Optional paddingLeft

paddingLeft?: string

Left padding size

Check the token table to know which values to use

Example:

<paddingLeft="quark" />

Optional paddingRight

paddingRight?: string

Right padding size

Check the token table to know which values to use

Example:

<paddingRight="quark" />

Optional paddingTop

paddingTop?: string

Top padding size

Check the token table to know which values to use

Example:

<paddingTop="quark" />

Optional paddingVertical

paddingVertical?: string

Vertical (top and bottom) padding size

Check the token table to know which values to use

Example:

<paddingVertical="quark" />

Settings

Member Visibility

Theme

On This Page