Tag

3.4.5

A container component to display text in a colored box, with a semi-transparent background.

import { Tag } from '@component-controls/components';

some text

Name	Description	Default	Controls
color	color for the tag. The full color will be applied to the border and a transparentized color will be used as background The color utility parses a component's color and bg props and converts them into CSS declarations. By default the raw value of the prop is returned. Color palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation. Array values are converted into responsive values. MDN reference string	{ "value": null }

	Name	Description	Default
TagProps (5 properties)

	color	color for the tag. The full color will be applied to the border and a transparentized color will be used as background The color utility parses a component's color and bg props and converts them into CSS declarations. By default the raw value of the prop is returned. Color palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation. Array values are converted into responsive values. MDN reference string	{ "value": null }
	transparentAmount	transparent amount - 0 to 1 number	0.85
	borderSize	borderSize in pixels number	2
	variant	theme variant additional string	-
	raw	raw string value to be injected. Useful for highlighting searh results string	-
- (1 properties)
SpaceProps (28 properties)
HTMLAttributes (43 properties)
Attributes (1 properties)
AriaAttributes (48 properties)
DOMAttributes (161 properties)
BoxOwnProps (3 properties)
BackgroundColorProps (2 properties)
OpacityProps (1 properties)

file	imports
"../ThemeContext"	useTheme