Interface DimensionProps

Accepted values for sizing elements.

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

We discourage developers from using these tags. If possible, use flexbox for layout design. However, you are not prohibited from using them.

See below for an example using some of the properties:

Example:

<View
   width={200}
   height={100}
>
 <Text color="neutral-900">My awesome text</Text>
</View>

Hierarchy

Properties

height? maxHeight? maxWidth? minHeight? minWidth? width?

Properties

Optional height

height?: string | number

Adjust component height

Example:

   <height={100} />

Optional maxHeight

maxHeight?: string | number

Adjust component maximum height

Example:

   <maxHeight={100} />

Optional maxWidth

maxWidth?: string | number

Adjust component maximum width

Example:

   <maxwidth={100} />

Optional minHeight

minHeight?: string | number

Adjust component minimum height

Example:

   <minHeight={100} />

Optional minWidth

minWidth?: string | number

Adjust component minimum width

Example:

   <minWidth={100} />

Optional width

width?: string | number

Adjust component width

Example:

   <width={100} />

Settings

Member Visibility

Theme

On This Page