Linkcube's Svelte Components

A list of the custom components I've made for my svelte projects, moved them all into one shared repo so that it would be easier to maintain styling across all of them.

Demo: http://linkcube.github.io/

Styling

Going with the :root route, all of these components use the following css variables to some extent when styling:

Variable	Default Value
--primary-color	lightblue
--secondary-color	lightgray
--background-color	white
--primary-text-color	black
--secondary-text-color	grey
--highlight-color	yellow
--focus-color	white
--active-color	lightgrey

Usage

import {
    AudioControls,
    IconButton,
    MaterialButton,
    MaterialInput,
    MaterialSelect,
    MaterialTable,
    MaterialTableRow,
    MaterialTextArea,
    PreviewCard
} from 'linkcube-svelte-components';

Each component has a readme detailing their individual uses, and what styling variables they make use of.

Links

Github NPM