How to use react-native-bpk-component-icon - 9 common examples

accessibilityComponentType="button"
        accessibilityLabel={title}
        accessibilityTraits={['button']}
        style={styles.outer}
        {...rest}
      >
        
        
      
    );
  }
}

accessibilityComponentType="button"
        accessibilityLabel={`${dialingCode} ${name}`}
        accessibilityTraits={['button']}
        style={styles.listItem}
        {...rest}
      >
        
        
      
    );
  }
}

const ValidIcon = () => (
  
);

accessibilityComponentType="button"
        accessibilityLabel={title}
        accessibilityTraits={['button']}
        onPress={onPress}
        style={styles.outer}
      >
        
        
      
    );
  }
}

},
  light: {
    backgroundColor: colorGray700,
  },
  outline: {
    backgroundColor: colorGray700,
  },
  inverse: {
    backgroundColor: colorGray700,
  },
});

const capitalize = input => input.charAt(0).toUpperCase() + input.slice(1);

const iconSets = {
  single: [],
  multiple: [, ],
};

const generateBadgeStory = (
  contents: Array,
  config: {
    docked?: $Keys,
    icons?: string,
  } = {},
) => {
  const badgeWrapperStyle = [style.badgeWrapper];
  if (config.docked) {
    badgeWrapperStyle.push(style[config.docked]);
  } else {
    badgeWrapperStyle.push(style.center);
  }

light: {
    backgroundColor: colorGray700,
  },
  outline: {
    backgroundColor: colorGray700,
  },
  inverse: {
    backgroundColor: colorGray700,
  },
});

const capitalize = input => input.charAt(0).toUpperCase() + input.slice(1);

const iconSets = {
  single: [],
  multiple: [, ],
};

const generateBadgeStory = (
  contents: Array,
  config: {
    docked?: $Keys,
    icons?: string,
  } = {},
) => {
  const badgeWrapperStyle = [style.badgeWrapper];
  if (config.docked) {
    badgeWrapperStyle.push(style[config.docked]);
  } else {
    badgeWrapperStyle.push(style.center);
  }
  const badges = Object.keys(BADGE_TYPES).map(i => (

onChange,
    style,
    value,
  } = props;

  const adjustedValue = Math.floor(clamp(value, min, max));
  const decreaseDisabled = adjustedValue <= min;
  const increaseDisabled = adjustedValue >= max;

  return (

onPress={() => onChange(adjustedValue - 1)}
        title={decreaseButtonLabel}
        style={styles.buttonMinus}
      />
      
        {adjustedValue}
      
       onChange(adjustedValue + 1)}
        title={increaseButtonLabel}
        style={styles.buttonPlus}
      />
    
  );
};

const getIconType = type =>
  type === 'destructive' ? icons.trash : icons['long-arrow-right'];