bpk-theming

Backpack theming utilities.

Installation

npm install bpk-theming --save-dev

Usage

import BpkThemeProvider from 'bpk-theming';

import BpkLink, { themeAttributes as linkThemeAttributes } from 'bpk-component-link';

const theme = {
  linkColor: '#c00',
  linkHoverColor: '#d00',
  linkActiveColor: '#a00',
  linkVisitedColor: '#800',
};

export default class App extends Component {
  render() {
    return (
      <BpkThemeProvider theme={theme} themeAttributes={[...linkThemeAttributes]}>
        <BpkLink onClick={() => {}}>Book flight</BpkLink>
      </BpkThemeProvider>
    );
  }
}

Props

| Property | PropType | Required | Default Value | | ----------- | ---------------------------------- | ---------------- | ------------- | | children | node | true | - | | themeAttributes | arrayOf(string) | true | - | | component | elementType | false | div | | theme | object | false | null |