Backpack icon components.
npm install bpk-component-icon> Backpack icon components.
``sh`
npm install bpk-component-icon --save-dev
`js
import React from 'react';
import BpkSmallFlightIcon from 'bpk-component-icon/sm/flight';
import BpkLargeAccessibilityIcon from 'bpk-component-icon/lg/accessibility';
import './icons.scss';
export default () => (
icons.scss:
`scss
@import '~bpk-mixins/index.scss';.abc-icon__flight {
fill: currentColor; // see https://css-tricks.com/currentcolor/
}
.abc-icon__a11y {
fill: $bpk-color-sky-blue;
}
`$3
`js
import React from 'react';
import BpkButton from 'bpk-component-button';
import BpkSmallFlightIcon from 'bpk-component-icon/sm/flight';
import BpkLargeAccessibilityIcon from 'bpk-component-icon/lg/accessibility';
import { withButtonAlignment, withLargeButtonAlignment } from 'bpk-component-icon';const AlignedBpkSmallFlightIcon = withButtonAlignment(BpkSmallFlightIcon);
const AlignedBpkLargeAccessibilityIcon = withLargeButtonAlignment(BpkLargeAccessibilityIcon);
export default () => (
);
`$3
`js
import React from 'react';
import BpkSmallFlightIcon from 'bpk-component-icon/sm/flight';
import { withRtlSupport } from 'bpk-component-icon';import './icons.scss';
const RtlSupportedBpkSmallFlightIcon = withRtlSupport(BpkSmallFlightIcon);
export default () => (
);
``