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>