- Install
@whizzes/exo
npm i -D @whizzes/exo
- Add the package to Svelte Scope
const defaultTheme = require('tailwindcss/defaultTheme');
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./src/**/*.{html,js,svelte,ts}',
+ './node_modules/@whizzes/exo/**/*.{html,js,svelte,ts}'
],
darkMode: 'class',
theme: {
extend: {
fontFamily: {
sans: ['Inter', ...defaultTheme.fontFamily.sans]
}
},
variants: {
extend: {}
},
plugins: [require('@tailwindcss/forms')]
}
};
Refer to the following links for details on why this is required
svelte-add/svelte-add#180 cozemble/json-schema-data-editor#6 https://adamtuttle.codes/blog/2023/tailwind-svelte-design-system/
bun run story:dev
Include Exo as a local dependecy by clonning and building the project locally.
"@whizzes/exo": "file:../exo",
Every time you open a new pull request, Cloudflare Pages will create a unique preview URL, which will stay updated as you continue to push new commits to the branch. This is only true when pull requests originate from the repository itself.
Check out all the available controls in their book: controls.histoire.dev. https://sveltesociety.dev/recipes/testing-and-debugging/unit-testing-svelte-component