Label

Overview

This element provides descriptive information about the associated UI element.

Properties

Name	Type	Description
text	string	Descriptive text associated with the UI element
labelStyle	LabelStyle	Styling properties and values of the element

LabelStyle

Styling properties and values of the element

Name	Description
width	Sets the width of the element
height	Sets the height of the element
border	Sets the border of the element
borderRadius	Sets the border radius of the element
background	Sets all background style properties at once, such as color, image, origin and size, or repeat method. Reference link
textFont	Sets all the different properties of font for the descriptive text. Reference link
textColor	Sets the foreground color of the descriptive text.

Usage

Javascript

import '@cometchat/uikit-elements'; //import the web elements package.
import { labelStyle } from '@cometchat/uikit-elements';

const lStyle = new labelStyle({
  textFont: "italic 1.2em 'Fira Sans'"
});

//make use of the element; pass a custom style
<cometchat-label :text="Hello World!" :labelStyle={lStyle}></cometchat-label>