kmalinich / text-divider-row

πŸ—‚ Text Divider Row

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸ—‚ Text Divider Row

This card is for Lovelace on Home Assistant to display a text divider in an entities card

GitHub Release License hacs_badge

Project Maintenance GitHub Activity

Discord Community Forum

Twitter Github

Support

Hey dude! Help me out for a couple of 🍻 or a β˜•!

coffee

Installation

Use HACS or follow this guide

resources:
  url: /local/text-divider-row.js
  type: module

example example2

Options

Name Type Requirement Description
type string Required custom:text-divider-row
text string Required Text to display in divider
align string Optional Specifies the text alignment. Must be: 'left', 'center' or 'right'

Theme Variables

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

About

πŸ—‚ Text Divider Row

License:MIT License


Languages

Language:JavaScript 78.5%Language:TypeScript 21.5%