svelte-components

Svelte Components

Shared repo for svelte components from other projects.

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.

Github NPM

Top categories

Loading Svelte Themes