Lit Wordle

Wordle clone built with Lit and web components.

Usage

npm i lit-wordle

Import the side effect registration of <lit-wordle> via:

<script>
import 'lit-wordle/define.js';
</script>

<lit-wordle></lit-wordle>

Import the base class:

import { LitWordle } from 'lit-wordle';

CSS Custom Properties

--guess-btn-bg-color

--correct-bg-color

--incorrect-bg-color

--misplaced-bg-color

--cell-font-size

--cell-border-color

--guess-field-font-size

--font-color

--font-family

CSS Shadow Parts

field

field-input

field-button

grid