Introduction

@likable-hair is a company based in Piacenza, italy. We love sveltekit and we decided to create a component libary.

Component Usage

This is a super simple library. We have some components written in svelte and we share it as they are.

Let just take for example the Button component. If you want to use it you have to import it from the library:

ButtonComponent.svelte
import { Button } from '@likable-hair/svelte'

And then use it as a component inside the template:

ButtonComponent.svelte
<Button>I am a button</Button>

And the job is done!

Store Usage

We provide some store that you can use to get some information about the page or the content in that page. In order to use them just import them from the library.

Lets take the mediaQuery for example. If you want to use it you have to import it from the library:

MediaQueryComponent.svelte
import { mediaQuery } from '@likable-hair/svelte'

And then use it wherever you need with the $ special synthax:

MediaQueryComponent.svelte
{#if $mediaQuery.s}
  I am a small device
{:else}
  I am not a small device
{/if}
Next