Neutrons: 0

Nucleus.svelte

<script>
  import { element_data, Nucleus } from '$lib'
</script>

<ul>
  {#each element_data as { protons, neutrons, symbol, name }}
    <li>
      <a href="/{name.toLowerCase()}">{symbol}</a>
      <Nucleus {protons} {neutrons} />
    </li>
  {/each}
</ul>

Examples