Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface IPadding

Provides a set of mixins to be used as padding styles.

example
Padding Mixin ```ts import { StyleSheet } from 'react-native'; import { padding } from '@ef-carbon/react-native-style'; export default StyleSheet.create({ container: { ...padding.normal, }, }); ```
example
Padding Safe Values ```ts import * as React from 'react'; import { Text, View } from 'react-native'; import { padding } from '@ef-carbon/react-native-style'; class ThemedComponent extends React.PureComponent { render(): React.ReactNode { return ( Hey, there! ); } }; ```

Hierarchy

Implemented by

Index

Properties

Properties

bottom

bottom: ILength<IBottom>

The bottom spacing

huge

huge: IAll

Usually accesses division 900

large

large: IAll

Usually accesses division 600

larger

larger: IAll

Usually accesses division 700

largest

largest: IAll

Usually accesses division 800

left

left: ILength<ILeft>

The left spacing

normal

normal: IAll

Usually accesses division 500

right

right: ILength<IRight>

The right spacing

safe

safe: ISafe

small

small: IAll

Usually accesses division 400

smaller

smaller: IAll

Usually accesses division 300

smallest

smallest: IAll

Usually accesses division 200

tiny

tiny: IAll

Usually accesses division 100

top

top: ILength<ITop>

The top spacing