This card is for Lovelace on Home Assistant to display a text divider in an entities card
Hey dude! Help me out for a couple of 🍻 or a ☕!
resources:
url: /local/text-divider-row.js
type: module
| Name | Type | Requirement | Description |
|---|---|---|---|
| type | string | Required | custom:text-divider-row |
| text | string | Required | Text to display in divider. |
| fontsize | string | Optional | Specifies the font size and unit, for example '24px'. If it is not set, it will look to the theme variable or a default of '14px' (see below). |
| align | string | Optional | Specifies the text alignment. Must be: 'left', 'center' or 'right'. |
| position | string | Optional | Specifies the text vertical position of the text relative to the line. It defaults as 'inline'. Must be: 'inline' or 'above'. |
| margin | string | Optional | Specifies the left and right margin. It defaults as '1em 0' text vertical position of the text relative to the line. It defaults as 'inline'. Must be: 'inline' or 'above'. |
The following variables are available and can be set in your theme to change the appearance of the lock. Can be specified by color name, hexadecimal, rgb, rgba, hsl, hsla, basically anything supported by CSS.
| name | Default | Description |
|---|---|---|
text-divider-color |
secondary-text-color |
Divider color |
text-divider-font-size |
14px |
Font size |
text-divider-line-size |
1px |
Line size |
text-divider-margin |
1em 0 |
Divider margin |