choom-svelte
v0.0.4
Published
UI building blocks for your next Svelte 3 prototype
Downloads
6
Maintainers
Readme
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 [email protected]
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: