To Keep It Going, Please Show Your Love.
About: Svelte Kawaii
Installation #
pnpm i -D svelte-kawaii
Props #
- size = 240,
- mood = 'blissful',
- color = '#A6E191',
- uniqueId = crypto.randomUUID(),
- ariaLabel = 'astronaut',
- title,
- desc,
- ...restProps
Types #
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<SVGElement> & {
size?: number | string;
color?: string;
mood?: KawaiiMood;
uniqueId?: string;
ariaLabel?: string;
title?: TitleType;
desc?: DescType;
};
Features #
Svelte Kawaii
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.
Requirements
Svelte 5
Accessible illustrations
A11y props, title, desc, and ariaLabel for accessible SVG illustrations.
Faster Compiling
Import icons directly to optimize compilation speed and improve performance.
IDE Support
Hovering over a component name will display features, props, events, and more for an LSP-compatible editors.
Info
Original source
react-kawaii
License
Released under the MIT License.
Svelte Icon Family
Explore 29 Svelte SVG Icon Sets.