Options
All
  • Public
  • Public/Protected
  • All
Menu

Creates a set of border width 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, BorderWidthCorners } from '@ef-carbon/react-native-style'; const constants = new Constants(); const width = new BorderWidthCorners({ width: constants.border.width }); const style: ViewStyle = { ...width.top.normal, ...width.left.larger, ...width.right.smaller, ...width.bottom.small, } ```

Hierarchy

  • LengthSides<IAll, ITop, ILeft, IRight, IBottom>
    • BorderWidthSides

Implements

Index

Constructors

constructor

Properties

all

all: Readonly<ILength<IAll>>

bottom

bottom: Readonly<ILength<IBottom>>

left

left: Readonly<ILength<ILeft>>

right

right: Readonly<ILength<IRight>>

top

top: Readonly<ILength<ITop>>

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