Svelcon
A component library for Svelte
Components
The components are scructured in Folders to organize them.
To import Checkbox the component you have to write:
import Checkbox from '@jonas_focke/svelcon/Input/Checkbox'
- Input
- Checkbox
- Date
- Dropown
- Button
- Password
- RadioGroup
- Textarea
- Textfield
- SegmentedInput
- Wrapper
- Card
- InplacePopup
- List
- MediaQuery
- Table
- Text
- Utilities
- LoadingSpinner
style
All conponents are styled and will inherit your website scheme.
Your tailwind.config.cjs file should look like this:
module.exports = { content: [ './src/**/*.{html,js,svelte,ts}', './node_modules/@jonas_focke/**/*.{html,js,svelte,ts}' ], theme: { colors: { primary: '#0044ae', secondary: '#02adff', accent: '#ff8c00', success: '#4dea3f', warning: '#f4bb50', error: '#f74838', info: '#62acfc', surface: '#006bc6', text: '#ffffff', black: '#000000' }, extend: {} } }, plugins: [] };
publishing
The publishing workflow is fully done by a github action. All you need to do is to push code to master.