A next-generation tool to create blazing-fast documentation sites
API
created:3/5/2021
updated:3/5/2021
loc
46
comments
43%
passed
12
coverage
67%

Tag

avatar of atanasster
@component-controls/components
3.15.0

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

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

Overview

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.

string
white
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.

string
white
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)

Commits

Date
Author
Commit Message
4/22/2021

atanasster

avatar of atanasster
fix: color prop is not required
2/22/2021

atanasster

avatar of atanasster
fix: rray colors handling
2/20/2021

atanasster

avatar of atanasster
chore: bumb theme-ui to 0.6.0-alpha.7
2/17/2021

atanasster

avatar of atanasster
feat: components history and catalog
12/23/2020

atanasster

avatar of atanasster
feat: add algolia confurable site search
10/14/2020

atanasster

avatar of atanasster
test: update tests
6/21/2020

atanasster

avatar of atanasster
feat: color-coded tags and page types
6/19/2020

atanasster

avatar of atanasster
chore: upgrade theme-ui package
6/14/2020

atanasster

avatar of atanasster
fix: sidebar css issues
6/14/2020

atanasster

avatar of atanasster
feat: stories and documentation for ui/app
16 commits
package
imports
peer
transparentizegetColor
get
react
^17.0.1
ReactTextFC
*
theme-ui
^0.8.4
jsxThemeTextBoxPropsBox
file
imports
"../ThemeContext"
useTheme

Stories

Twilwind Array Colors

some text