Options
All
  • Public
  • Public/Protected
  • All
Menu

Class Margin

Provides mixins that can be used to add margin styles to components

example
Using the mixins ```ts import { ViewStyle } from 'react-native'; import { margin } from '@ef-carbon/react-native-style'; const style: ViewStyle = { ...margin.top.normal, ...margin.left.normal, ...margin.safe.bottom.normal, }; ```
example
Using the theme ```ts import { ViewStyle } from 'react-native'; import { Theme } from '@ef-carbon/react-native-style'; const theme = new Theme({ base: 'blue' }); const style: ViewStyle = { ...theme.margin.top.normal, ...theme.margin.left.normal, ...theme.margin.safe.bottom.normal, }; ```
see

MarginSafe

Hierarchy

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

Implements

Index

Constructors

Properties

Accessors

Constructors

constructor

  • new Margin(__namedParameters: object): Margin

Properties

all

all: Readonly<ILength<IAll>>

bottom

bottom: Readonly<ILength<IBottom>>

left

left: Readonly<ILength<ILeft>>

right

right: Readonly<ILength<IRight>>

safe

safe: IMarginSafe

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