This component library uses shadcn-svelte for the underlying components and then applies custom styling.
The raw components (npx shadcn-svelte add ...
) are located in src/lib/components/ui
.
Note: some components that do not exist in shadcn-svelte yet have been imported from svelte-headlessui.
npm install
npm run storybook
Go to http://localhost:6006 to see a live preview of the components!
npm run dev
Go to http://localhost:3000 to browse through pre-defined user flows (mock data)
npm run build-storybook
npx http-server storybook-static
Go to http://localhost:8081 and explore the final components!
The release is currently not automated or generated.
- Adjust the version in
package.json
- Go to GitHub > Releases > Draft a new release
- Create the next tag (according to the version)
- Set the release title to the same name
- Publish
- A GitHub workflow will be triggered that tests, builds and publishes the version
# https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token
# GitHub > Settings > Developer settings > Personal access tokens > Tokens (classic)
# Note: Read private packages, Expiration: 90 days, Scopes: read:packages
touch ~/.npmrc
//npm.pkg.github.com/:_authToken=ghp_...