Svelte Kawaii

!npm

Svelte Kawaii is a Svelte port of React Kawaii, offering cute SVG illustrations to add adorable characters to your Svelte applications. A simple way to bring some cuteness to your UI.

Installation

``sh
pnpm i -D svelte-kawaii
`

Props

`md
- size = 240,
- mood = 'blissful',
- color = '#A6E191',
- uniqueId = crypto.randomUUID(),
- ariaLabel = 'astronaut',
- title,
- desc,
- ...restProps
`

Types

`ts
import type { SVGAttributes } from 'svelte/elements';

export type TitleType = {
id?: string;
title?: string;
};

export type DescType = {
id?: string;
desc?: string;
};

export type KawaiiMood = 'sad' | 'shocked' | 'happy' | 'blissful' | 'lovestruck' | 'excited' | 'ko';

export type KawaiiProps = SVGAttributes & {
size?: number | string;
color?: string;
mood?: KawaiiMood;
uniqueId?: string;
ariaLabel?: string;
title?: TitleType;
desc?: DescType;
};
`

Usage

`svelte



``