Licence
ISC
Version
0.1.2
Deps
1
Size
29 kB
Vulns
0
Weekly
0
b0t-label
A simple label component that renders a styled text string.
Installation
npm install @innofake/b0t-label
Example
<b0t-label
label="Hello World"
type="strong">
</b0t-label>
Properties
| Property | Attribute | Modifiers | Type | Default | Description |
|---|---|---|---|---|---|
label |
label |
String |
The label string to display. | ||
override |
The element style template. | ||||
styles |
readonly | CSSResult[] |
|||
type |
type |
"default"|"title"|"subtitle"|"strong"|String |
"default" | The type of label to display: - default Normal font weight.- title Larger font and weight.- subtitle Larger font and weight.- strong Largest font and weight. |
CSS Custom Properties
| Property | Description |
|---|---|
--innofake-b0t-label-cursor |
Label cursor. |
--innofake-b0t-label-default-font-size |
Default label font size. |
--innofake-b0t-label-default-font-weight |
Default label font weight. |
--innofake-b0t-label-font-color |
Label font color. |
--innofake-b0t-label-font-family |
Label font family. |
--innofake-b0t-label-font-size |
Label font size. |
--innofake-b0t-label-font-weight |
Label font weight. |
--innofake-b0t-label-strong-font-size |
Strong label font size. |
--innofake-b0t-label-strong-font-weight |
Strong label font weight. |
--innofake-b0t-label-subtitle-font-size |
Subtitle label font size. |
--innofake-b0t-label-subtitle-font-weight |
Subtitle label font weight. |
--innofake-b0t-label-title-font-size |
Title label font size. |
--innofake-b0t-label-title-font-weight |
Title label font weight. |