<palette-view> component documentation

Displays an array of Unicode characters as buttons.

Basics

A <palette-view> displays an array of Unicode characters as buttons. By default the <palette-view> doesn’t render anything.

Using <palette-view>

        <palette-view id=basic></palette-view>

Setting characters in the characters attribute

A space-delimited list of characters may be passed to the <palette-view> in HTML markup via the characters attribute.

Setting data via characters attribute

        <palette-view id=attribute characters="d e ̃"></palette-view>

Setting data dynamically

In the demo below, random IPA characters are set to the palette view. Try .

Setting random data

Events

<palette-view> events

palette-view-character-selected

One of the palette characters was selected.

palette-view-set

Data was set or reset.