diff --git a/packages/big-design/src/components/FeatureTag/FeatureTag.tsx b/packages/big-design/src/components/FeatureTag/FeatureTag.tsx index ec06c8f3a..fa2705cb6 100644 --- a/packages/big-design/src/components/FeatureTag/FeatureTag.tsx +++ b/packages/big-design/src/components/FeatureTag/FeatureTag.tsx @@ -1,17 +1,28 @@ import { IconProps } from '@bigcommerce/big-design-icons'; -import React, { FunctionComponent, HTMLAttributes, ReactElement } from 'react'; +import React, { AnchorHTMLAttributes, FunctionComponent, ReactElement } from 'react'; import { StyledFeatureTag, StyledFeatureTagIcon, StyledFeatureTagLabel } from './styled'; -export interface FeatureTagProps extends HTMLAttributes { +export interface FeatureTagProps extends AnchorHTMLAttributes { icon?: ReactElement; isActive?: boolean; label: string; } -export const FeatureTag: FunctionComponent = ({ label, icon, isActive }) => { +export const FeatureTag: FunctionComponent = ({ + label, + icon, + isActive, + href, + target, +}) => { return label ? ( - + {icon ? {icon} : null} {label}