List Item Tag

<ListItemTag> is a text item with a colored background and rounded corners that is used to tag lists.

Usage

import { ListItemTag } from '@pxblue/react-components';

<ListItemTag label={'Foo Bar'} backgroundColor={'gold'} fontColor={'black'} />;

Prop Name	Description	Type	Required	Default
label	The label text	`string`	yes
fontColor	Color of the label	`string`	no	varies for light/dark theme
backgroundColor	Color of the label background	`string`	no	varies for light/dark theme

Any other props will be provided to the root element Material UI Typography.

You can override the classes used by PX Blue by passing a classes prop. It supports the following keys:

Name	Description
root	Styles applied to the root element