Interface MarginProps

Accepted values for Margin.

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 marginBottom="nano" >
 <Text color="neutral-900">My awesome text</Text>
</View>

Hierarchy

Properties

margin? marginBottom? marginHorizontal? marginLeft? marginRight? marginTop? marginVertical?

Properties

Optional margin

margin?: string

General margin size

Check the token table to know which values to use

Example:

<margin="quark" />

Optional marginBottom

marginBottom?: string

Bottom margin size

Check the token table to know which values to use

Example:

<marginBottom="quark" />

Optional marginHorizontal

marginHorizontal?: string

Horizontal (left and right) margin size

Check the token table to know which values to use

Example:

<marginHorizontal="quark" />

Optional marginLeft

marginLeft?: string

Left margin size

Check the token table to know which values to use

Example:

<marginLeft="quark" />

Optional marginRight

marginRight?: string

Right margin size

Check the token table to know which values to use

Example:

<marginRight="quark" />

Optional marginTop

marginTop?: string

Top margin size

Check the token table to know which values to use

Example:

<marginTop="quark" />

Optional marginVertical

marginVertical?: string

Vertical (top and bottom) margin size

Check the token table to know which values to use

Example:

<marginVertical="quark" />

Settings

Member Visibility

Theme

On This Page