Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

label

v1.0.2arrow_drop_down
v1.0.2
v1.0.1
v1.0.0
STATUS
Failing
DOWNLOADS
573
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
7 months ago
SIZE
3 KB
Short text block with background
1 contributor
Install label as a package?
Copied
npm i @bit/bit.base-ui.elements.label
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
toggle layout
modifieddraft
chevron_left
chevron_right
Label ()

Short text block with background.

CSS variables:

The following variables apply to this component

  • --base-color (background color)
  • --primary-label-text (text color)
  • --primary-label-width (max-width)
  • --primary-label-height (height)
Properties
NameTypeDescription
color
string

override label background color

Test Summary

should render correct text in Label

Skipped

should apply background color

Skipped