How to use the react-native-bpk-styles.shadows.large function in react-native-bpk-styles

To help you get started, we’ve selected a few react-native-bpk-styles examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github Skyscanner / backpack / native / packages / react-native-bpk-component-card / src / BpkCard.ios.js View on Github external
import BpkTouchableOverlay from 'react-native-bpk-component-touchable-overlay';
import CORNER_STYLES, { defaultCornerStyle } from './BpkCardCornerStyles';

const styles = StyleSheet.create({
  card: {
    backgroundColor: colorWhite,
    borderRadius: borderRadiusSm,
    ...shadows.base(),
  },
  cardCornerStyleLarge: {
    borderRadius: borderRadiusLg,
  },
  cardPadded: {
    padding: spacingBase,
  },
  cardFocused: shadows.large(),
  cardInner: {
    backgroundColor: 'transparent', // otherwise this view's corners would bleed outwith the outer container
  },
});

const BpkCard = props => {
  const {
    children,
    cornerStyle,
    focused,
    padded,
    style: userStyle,
    innerStyle: userInnerStyle,
    ...rest
  } = props;

react-native-bpk-styles

Backpack React Native common styles.

Apache-2.0
Latest version published 4 years ago

Package Health Score

70 / 100
Full package analysis

Similar packages