Example of Web Components

Starting Position

<chess-board>
    rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1
</chess-board>
    

Scholars Mate

<chess-board>
    r1bqk1nr/pppp1Qpp/2n5/2b1p3/2B1P3/8/PPPP1PPP/RNB1K1NR
</chess-board>
    

Show frame

<chess-board frame>
    rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1
</chess-board>
    

Starting Position (black on bottom)

<chess-board frame reverse>
    rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1
</chess-board>
    

Unicode Pieces

<chess-board unicode>
    rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1
</chess-board>
    

Unicode Pieces (reverse)

<chess-board unicode reverse>
    rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1
</chess-board>
    

Unicode Pieces (reverse and framed)

<chess-board unicode reverse frame>
    rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1
</chess-board>