Cloudcode Svelte UI

A project with some shareable UI components for use by the Cloudcode framework.

Summary

This repository defines components.

Usage

This module can be included in a Svelte project.

Installation

npm i --save @stacktics/cloudcode-svelte-ui

Components

Button

<script>
  import { Button } from '@stacktics/cloudcode-svelte-ui';
  
  function handleClick() {
    // handle click
  }
</script>

<Button color="blue" text="Submit" on:click={handleClick} />

Color can be: red, yellow, green, cyan, blue, magenta, gray.

Navbar

<script>

  import { Navbar } from '@stacktics/cloudcode-svelte-ui';
  
  
  let title = { Text: "Title", Link: "/" };
  let menu = [
	  { Link: "/1", Text: "Link One" },
	  { Link: "/2", Text: "Link Two" }
  ];
	
</script>

<Navbar
  title={title}
  menu={menu}
/>