Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ILengthEdgesOptions<All, Top, Left, Right, Bottom, TopLeft, TopRight, BottomLeft, BottomRight>

The options for the LengthEdges class. Provides a way to customise how the style mixins get created. A set of length divisions are provided that are changed into style mixins with the convert function.

example
Conversion function for border edges values into style mixins ```ts function convert(side: Side, value: number): IAll | ITop | ILeft | IRight | IBottom { switch (side) { case 'all': return { borderRadius: value }; case 'top': return { borderTopRadius: value }; case 'left': return { borderLeftRadius: value }; case 'right': return { borderRightRadius: value }; case 'bottom': return { borderBottomRadius: value }; case 'topLeft': return { borderTopLeftRadius: value }; case 'topRight': return { borderTopRightRadius: value }; case 'bottomLeft': return { borderBottomLeftRadius: value }; case 'bottomRight': return { borderBottomRightRadius: value }; default: return assertNever(side); } } ```

Type parameters

  • All: ViewStyle

  • Top: ViewStyle

  • Left: ViewStyle

  • Right: ViewStyle

  • Bottom: ViewStyle

  • TopLeft: ViewStyle

  • TopRight: ViewStyle

  • BottomLeft: ViewStyle

  • BottomRight: ViewStyle

Hierarchy

  • ILengthEdgesOptions

Index

Properties

Properties

convert

convert: LengthEdgesConvert<All | Top | Left | Right | Bottom | TopLeft | TopRight | BottomLeft | BottomRight>

length

length: ILength