@toocoolname/veganmage-design

Tailwind-based Svelte components for Veganmage.

Install

npm install @toocoolname/veganmage-design

This package expects the consuming app to already use:

• svelte
• tailwindcss@^4

Consumer setup

Import the package stylesheet in your app CSS:

@import "@toocoolname/veganmage-design/app.css";

app.css already imports tailwindcss, so consumers need tailwindcss@^4 installed but do not need a separate Tailwind import.

Then import components in Svelte files:

<script lang="ts">
	import { Button } from '@toocoolname/veganmage-design';
</script>

<Button>Click me</Button>

You can also import the button directly:

import { Button } from '@toocoolname/veganmage-design/button';

Publish

Build the package:

npm run package

Publish it to npm:

npm publish --access public