Periodic Table

The Periodic Table component allows to select chemical elements conveniently. Currently up to 3 distinct chemical elements or up to 3 named groups can be selected. A named group is either a column or a row in the periodic table, such as alkali, alkalines, pnictogens, chalcogens, period 2, period 6, lanthanides, actinides, etc.

<script>
	import { PeriodicTable } from 'svelte-spectre';

	let selected = [], clear;
</script>

<PeriodicTable bind:selected bind:clear />