Interface ColorProps

Accepted values for text, background, and border colorization.

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

Hierarchy

Properties

backgroundColor? borderColor? color? contentColor?

Properties

Optional backgroundColor

backgroundColor?: string

Background color of component

Check the token table to know which values to use

Example:

   <backgroundColor="background-color" />

Optional borderColor

borderColor?: string

Border Color of component

Check the token table to know which values to use

Example:

   <borderColor="neutral-900" />

Optional color

color?: string

Text color of components

Check the token table to know which values to use

Example:

   <color="neutral-900" />

Optional contentColor

contentColor?: boolean

"Use contrast colors for text and background"

Example:

 <View contentColors backgroundColor="primary-500" />

Settings

Member Visibility

Theme

On This Page