CHOOM-SVELTE

Trusted UI companion for your next Svelte 3 prototype.

Choom Svelte is built with the following concepts:

• sufficient variety of elements for the modern application prototyping
• theming is opinionated, yet extensively and easily configurable
• component API is a predictable facade, shared in similar entities

DISCLAIMER

Choom is growing and maturing as you are reading these notes.
Current version is not stable and most probably will not be compatible with the next update.
Prior to version 1.0.0 it is not recommended to use in anything more complex than an exercise/test/prototype app.

Current version relies on svelte@3.39.0 due to this issue.
Note, that this does not limit library for usage with the newer versions of Svelte.

Installation

yarn add choom-svelte

Use component imports in your app:

import { Button } from "choom-svelte";

Setup

Styling

Theme

choom-svelte depends on choom-theme.

After installing dependency you need to install the core CSS.

import "choom-theme/dist/index.css";

Optionally you can use the CSS-in-JS variables:

import theme from "choom-theme";

<strong style={{ fontSize: theme.fontSizeXl }}>...</strong>

Library

Temporarily choom-svelte relies on the external CSS due to vite build features.
To support component styling add an additional import to your app:

import "choom-svelte/lib/index.css";

Links

CHOOM-SVELTE is created with the help of the following packages:

• nanoid
• heroicons

---

LICENSE