IBorderRadiusEdges | EF React Native Style Framework

The interface for the border radius edges. Provides style mixins that can be used to apply border radius styles to components.

example: Using the mixins ```ts import { ViewStyle } from 'react-native'; import { Constants, BorderRadiusEdges } from '@ef-carbon/react-native-style'; const constants = new Constants(); // BorderRadiusEdges implements IBorderRadiusEdges const radius = new BorderRadiusEdges({ radius: constants.border.radius }); const style: ViewStyle = { ...radius.topLeft.normal, ...radius.topRight.larger, ...radius.bottom.smaller, } ```
example: Mixins on the theme ```ts import { ViewStyle } from 'react-native'; import { Theme } from '@ef-carbon/react-native-style'; const theme = new Theme(); const style: ViewStyle = { ...theme.border.radius.top.normal, ...theme.border.radius.bottomLeft.smaller, ...theme.border.radius.bottomRight.small, } ```

Hierarchy

ILengthEdges<IAll, ITop, ILeft, IRight, IBottom, ITopLeft, ITopRight, IBottomLeft, IBottomRight>
- IBorderRadiusEdges

Implemented by

BorderRadiusEdges

Index

Properties

bottom

bottom: ILength<IBottom>

The bottom spacing

bottomLeft

bottomLeft: ILength<IBottomLeft>

The bottom left spacing

bottomRight

bottomRight: ILength<IBottomRight>

The bottom right value

huge

huge: IAll

Usually accesses division 900

large

large: IAll

Usually accesses division 600

larger

larger: IAll

Usually accesses division 700

largest

largest: IAll

Usually accesses division 800

left

left: ILength<ILeft>

The left spacing

normal

normal: IAll

Usually accesses division 500

right

right: ILength<IRight>

The right spacing

small

small: IAll

Usually accesses division 400

smaller

smaller: IAll

Usually accesses division 300

smallest

smallest: IAll

Usually accesses division 200

tiny

tiny: IAll

Usually accesses division 100

top

top: ILength<ITop>

The top spacing

topLeft

topLeft: ILength<ITopLeft>

The top left spacing

topRight

topRight: ILength<ITopRight>

The top right spacing