`` Button - Davidnet Design System

Button

A button triggers an event or action. Its the base of interactivity.

Default

Use default buttons for most actions that aren't the main call to action for a page or area. 
<script lang="ts">
	import { Button } from "@davidnet/svelte-ui";
</script>

<Button onClick={() => {}}>Button</Button>

Appearances

Use semantic appearances such as "danger" for delete confirmations.
And "discover" for new things.
And "primary" for the main action. 

import { Button } from "@davidnet/svelte-ui"

<Button onClick={() => {}} appearance="primary">primary Button</Button>