Svelte Components

Some helper components when building SUITable apps. (Self-Updating Internet Technology).

The following Components can be imported into the REPL easily:

<script>
	import { ContactCard, Content, Editable, Scan, Modal } from '@peerpiper/awesome-components-kit';

	let someText;
</script>

<ContactCard />;

<Editable bind:item={someText} />

Svelte Component Gateway + on:change

All awesome components should emit a "change" event when the data changes, so the DApp, Gateway, or Parent component can detect when to save new data.

So if you consume one of these awesome components, be sure to propogate these change upward with this added at your top level component:

<ContactCard {profile} on:change />