Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface IThemeBorder

Defines the aliases available to be used as border style mixins

example
Using the mixins ```ts import { ViewStyle } from 'react-native'; import { Theme } from '@ef-carbon/react-native-style'; const theme = new Theme(); const style: ViewStyle = { ...theme.border.radius.topLeft.normal, ...theme.border.radius.right.large, ...theme.border.radius.bottomLeft.small, ...theme.border.width.normal, ...theme.border.width.bottom.largest, }; ```
see

ThemeBorder

Hierarchy

  • IThemeBorder

Implemented by

Index

Properties

Properties

radius

radius: IRadius

Provides mixins for styling the border radius

example
Using the mixins ```ts import { ViewStyle } from 'react-native'; import { Theme } from '@ef-carbon/react-native-style'; const theme = new Theme(); const style: ViewStyle = { ...theme.border.radius.topLeft.normal, ...theme.border.radius.right.large, ...theme.border.radius.bottomLeft.small, }; ```
see

BorderRadiusEdges

width

width: IWidth

Provides mixins for styling the border width

example
Using the mixins ```ts import { ViewStyle } from 'react-native'; import { Theme } from '@ef-carbon/react-native-style'; const theme = new Theme(); const style: ViewStyle = { ...theme.border.width.normal, ...theme.border.width.bottom.largest, }; ```
see

BorderWidthSides