npm.io
0.1.2 • Published 3 years ago

@innofake/b0t-label

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.