0.1.2 • Published 3 years ago
@innofake/b0t-label v0.1.2
b0t-label
A simple label component that renders a styled text string.
Installation
npm install @innofake/b0t-labelExample
<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. |