TailwindCSS Template Card voor Home Assistant (dashboardkaart)

Screenshots Uit de README van usernein/tailwindcss-template-card.

Over dit item

TailwindCSS Template Card is een dashboardkaart die HTML weergeeft met opmaak via TailwindCSS-klassen. Met de kaart kun je op een Home Assistant dashboard eigen indelingen maken door HTML rechtstreeks in de kaartconfiguratie te schrijven. De opmaak komt van TailwindCSS-klassen, die ook responsieve indelingen bieden die zich aanpassen aan verschillende schermformaten. Interactieve elementen kunnen worden gemaakt met CSS in de HTML-code. Het weergeven van de klassen is afhankelijk van Twind, dat in de README wordt genoemd als reden dat de kaart mogelijk is. De kaart wordt geïnstalleerd via HACS als aangepaste repository, of door de bestanden handmatig te kopiëren.

Automatische samenvatting van de README van usernein/tailwindcss-template-card, automatisch vertaald. Klopt er iets niet, of ben je de maintainer en wil je hier je eigen tekst tonen? Neem contact op

Ondersteunt

Uit de Marketplace Wordt geïnstalleerd via de Marketplace, voorheen HACS.

Instellen

Installeer de kaart vanuit de Marketplace en voeg daarna een kaart van dit type toe aan een dashboard.

Uit de README

The TailwindCSS Template Card is a custom card for Home Assistant that allows you to write HTML code using TailwindCSS classes and render it beautifully in the Home Assistant dashboard. This card provides flexibility in designing custom interfaces within Home Assistant, allowing you to create visually appealing and interactive elements.
HTML Rendering: Write HTML code directly in your Home Assistant configuration, utilizing the power of HTML and TailwindCSS.
TailwindCSS Classes: Use TailwindCSS classes to style your HTML elements, giving you access to a wide range of pre-built styles and responsive design options.
Responsive Design: Leverage the responsiveness of TailwindCSS to create layouts that adapt to different screen sizes and devices.
Interactive Elements: Create interactive elements with CSS within your HTML code, enhancing the user experience of your Home Assistant dashboard.
Real-time Preview: Write your HTML code with TailwindCSS classes and instantly see it rendered with the power of Twind.style

Uit de README van usernein/tailwindcss-template-card, MIT License. Ingekort.

Informatie

GitHub-sterren: 70
Onderhoud: Al meer dan 18 maanden geen update
Versie: v3.1.1, 19 december 2023
Soort: Dashboardkaart
Vereist: Vereist de Marketplace (HACS op 2026.10 en ouder)
Bron: github.com/usernein/tailwindcss-template-card
Problemen: Probleem melden

Dit vind je misschien ook interessant

Alles bekijken