Options
All
  • Public
  • Public/Protected
  • All
Menu

Creates a set of border radius mixins that can be used to apply styles to components easily. Requires a set of length values to use as the basis for the style mixins.

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

Hierarchy

  • LengthEdges<IAll, ITop, ILeft, IRight, IBottom, ITopLeft, ITopRight, IBottomLeft, IBottomRight>
    • BorderRadiusEdges

Implements

Index

Constructors

constructor

Properties

all

all: Readonly<ILength<IAll>>

bottom

bottom: Readonly<ILength<IBottom>>

bottomLeft

bottomLeft: Readonly<ILength<IBottomLeft>>

bottomRight

bottomRight: Readonly<ILength<IBottomRight>>

left

left: Readonly<ILength<ILeft>>

right

right: Readonly<ILength<IRight>>

top

top: Readonly<ILength<ITop>>

topLeft

topLeft: Readonly<ILength<ITopLeft>>

topRight

topRight: Readonly<ILength<ITopRight>>

Accessors

huge

  • get huge(): IAll

large

  • get large(): IAll

larger

  • get larger(): IAll

largest

  • get largest(): IAll

normal

  • get normal(): IAll

small

  • get small(): IAll

smaller

  • get smaller(): IAll

smallest

  • get smallest(): IAll

tiny

  • get tiny(): IAll