Options
All
  • Public
  • Public/Protected
  • All
Menu

Class Padding

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

example
Using the mixins ```ts import { ViewStyle } from 'react-native'; import { padding } from '@ef-carbon/react-native-style'; const style: ViewStyle = { ...padding.top.normal, ...padding.left.normal, ...padding.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.padding.top.normal, ...theme.padding.left.normal, ...theme.padding.safe.bottom.normal, }; ```
see

PaddingSafe

Hierarchy

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

Implements

Index

Constructors

Properties

Accessors

Constructors

constructor

  • new Padding(__namedParameters: object): Padding

Properties

all

all: Readonly<ILength<IAll>>

bottom

bottom: Readonly<ILength<IBottom>>

left

left: Readonly<ILength<ILeft>>

right

right: Readonly<ILength<IRight>>

safe

safe: IPaddingSafe

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