Style Functions
Style Functions are a set of pre-defined functions used by the useStyledProps to add support for style props to any React Native element. They also connect specific style properties to the values in the active theme object for a design-system-driven development experience.
The following list of style functions are supported in Pearl UI:
#
SpacingThe spacing style function converts all the spacing style props to React Native styles.
import { spacing } from "pearl-ui";
#
TypographyThe typography style function converts all the typography style props to React Native styles.
import { typography } from "pearl-ui";
#
LayoutThe layout style function converts all the layout style props to React Native styles.
import { layout } from "pearl-ui";
#
PositionThe position style function converts all the position style props to React Native styles.
import { position } from "pearl-ui";
#
BorderThe border style function converts all the border style props to React Native styles.
import { border } from "pearl-ui";
#
ShadowThe shadow style function converts all the shadow style props to React Native styles.
import { shadow } from "pearl-ui";
#
Text ShadowThe textShadow style function converts all the textShadow style props to React Native styles.
import { textShadow } from "pearl-ui";