Notoriously Problematic Merge

    react-native-bpk-component-button-link

    7.0.1 • Public • Published

    react-native-bpk-component-button-link

    Backpack React Native button link component.

    Installation

    1. Install the npm package:
    npm install react-native-bpk-component-button-link --save-dev
    1. react-native-bpk-component-button-link depends on react-native-bpk-component-icon. Make sure to follow the installation guide for the icon component for the different platforms.

    Usage

    import { View } from 'react-native';
    import React, { Component } from 'react';
    import BpkButtonLink from 'react-native-bpk-component-button-link';
    import { spacingBase } from 'bpk-tokens/tokens/base.react.native';
     
    const styles = StyleSheet.create({
      container: {
        flex: 1,
        justifyContent: 'center',
        padding: spacingBase,
      }
    });
     
    export default class App extends Component {
      render() {
        return (
          <View style={styles.container}>
            <BpkButtonLink
              title="Book flight"
              onPress={() => {}} />
            <BpkButtonLink
              title="Disabled"
              disabled
              onPress={() => {}} />
            <BpkButtonLink
              large
              title="Book flight"
              onPress={() => {}} />
            <BpkButtonLink
              title="Book flight"
              icon="baggage"
              onPress={() => {}} />
            <BpkButtonLink
              title="Book flight"
              icon="baggage"
              iconAlignment="leading"
              onPress={() => {}} />
          </View>
        );
      }
    }

    Props

    Property PropType Required Default Value
    onPress func true -
    title string true -
    disabled bool false false
    accessibilityLabel string false props.title
    icon oneOf(string, element) Strings must be a BpkIcon false null
    iconAlignment oneOf('leading', 'trailing') false trailing
    large (iOS only) bool false false
    borderlessBackground (Android only) bool false true
    uppercase (Android only) bool false true
    theme See Theme Props below false null
    textProps object false null

    Theme Props

    • buttonLinkTextColor

    Keywords

    none

    Install

    npm i react-native-bpk-component-button-link

    DownloadsWeekly Downloads

    1

    Version

    7.0.1

    License

    Apache-2.0

    Unpacked Size

    87.8 kB

    Total Files

    14

    Last publish

    Collaborators

    • frugoman
    • zgeor
    • anambl
    • marianeumayer-skyscanner
    • ojcurt
    • shaundon