Options
All
  • Public
  • Public/Protected
  • All
Menu

Class ThemeOpacity

Provides style mixins that can be used to specify states of opacity

example
Using the mixins ```ts import { ViewStyle } from 'react-native'; import { Theme } from '@ef-carbon/react-native-style'; const theme = new Theme(); const transparent: ViewStyle = { ...theme.font.transparent, }; const translucent: ViewStyle = { ...theme.font.translucent, }; const semi: ViewStyle = { ...theme.font.semi, }; const cloudy: ViewStyle = { ...theme.font.cloudy, }; const opaque: ViewStyle = { ...theme.font.opaque, }; ```
example
Overriding the values ```ts import { Opacity, ThemeOpacity, Theme } from '@ef-carbon/react-native-style'; const constants = new Opacity({ base: 0.6 }); const opacity = new Opacity({ opacity: constants }); const theme = new Theme({ opacity, base: 'blue' }); ```
see

Opacity

Hierarchy

  • ThemeOpacity

Implements

  • object

Index

Constructors

Properties

Constructors

constructor

Properties

cloudy

cloudy: Readonly<IStyles>

opaque

opaque: Readonly<IStyles>

semi

semi: Readonly<IStyles>

translucent

translucent: Readonly<IStyles>

transparent

transparent: Readonly<IStyles>