carbon-preprocess-svelte
SveltePress
| carbon-preprocess-svelte | SveltePress | |
|---|---|---|
| 3 | 8 | |
| 66 | 211 | |
| - | - | |
| 7.8 | 9.7 | |
| about 22 hours ago | about 2 years ago | |
| TypeScript | Svelte | |
| Apache License 2.0 | The Unlicense |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
carbon-preprocess-svelte
-
Best practice for UI design in scientific app
I had this issue before I properly implemented their preprocessor. After adding https://github.com/carbon-design-system/carbon-preprocess-svelte, the dev experience was much snappier and more usable.
- How am I supposed to use IBM's Svelte Carbon Components when the CSS is so stupidly high?
-
SvelteKit -- Massive compiler improvement by updating Vite.
Sweet. Definitely want to use their preprocessors as well: https://github.com/carbon-design-system/carbon-preprocess-svelte
SveltePress
-
KitDocs: Docs integration for SvelteKit (Vitepress alternative for Svelte)
I'm the author of SveltePress and as of some days ago I decided to declare the project EOL (due to limited time & constant feedback).
-
[AMA] IBM Carbon contributor – what are some pain points that you have when using Carbon? What are the "must haves"? What is your use case? More broadly, what would you like to see in Svelte design systems?
I don't personally have any feedback, but I'd transfer an issue/feedback from SveltePress (that might be outside of your control): The included font has some anti aliasing issues that are fixed by IBM Plex Sans VF. However that has its own issues, more on that along with the reporter's feedback at SveltePress#75.
-
How am I supposed to use IBM's Svelte Carbon Components when the CSS is so stupidly high?
Apart from the preprocessor, you can also just import only the css you need. I do it with SveltePress here: https://github.com/GeopJr/SveltePress/blob/main/src/lib/SveltePress/theme/styles/global.scss.
-
Help: Wasted my 3 hours with carbon components svelte
from: https://carbon-svelte.vercel.app/components/DataTable So headers is an array of objects with two keys (key, value) with string values and rows is an array of objects with a unique id key and string values that match the keys set in headers (eg Headers have a key with the value protocol so rows can set that in the table by setting their protocol key to the value you want). On SveltePress I override some of carbon's styles using a patches.scss file. You can then directly import it. Other than that, if you need more help with carbon components, feel free to take a look on these: Use of data table: https://github.com/GeopJr/SveltePress/blob/main/create-sveltepress-app/ui/src/routes/index.svelte Use of other carbon components: https://github.com/GeopJr/SveltePress/tree/main/src/lib/SveltePress/theme Carbon components source (very readable): https://github.com/carbon-design-system/carbon-components-svelte/blob/master/src/
-
SvelteKit: Preprocessing Images?
Hi, I'm the author of SveltePress and got into a similar situation while working on the GUIs.
-
Open Source documentation database, like redmine.
Have a look at https://sveltepress.geopjr.dev/
-
SveltePress: Documentation for humans. (Similar to VuePress)
SveltePress is public domain allowing you to do whatever you want with it :)
What are some alternatives?
carbon-charts - :bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript
sveltekit-instagram-infinite-scroll - SvelteKit infinite scroll: see how you can use Svelte stores and a reactive function to implement an infinite scrolling Instagram feed.
carbon-components-angular - An Angular implementation of the Carbon Design System for IBM.
flowbite-svelte - Official Svelte components built for Flowbite and Tailwind CSS
sveltekit-design-system - Build a design system with sveltekit
carbon-components-svelte - Svelte implementation of the Carbon Design System
svelte-preprocess - A ✨ magical ✨ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.
sveltekit-isr-cloudflare-workers - Incremental static regeneration for SvelteKit on Cloudflare Workers
carbon-components-svelte - Svelte implementation of the Carbon Design System [Moved to: https://github.com/carbon-design-system/carbon-components-svelte]
sveltekit-netlify-stripe-fauna-example - SaaS boilerplate example with SvelteKit + Tailwind + Netlify Identity (GoTrue) + Stripe + Fauna.
sveltekit-hcaptcha-form - SvelteKit hCaptcha contact form: see how you can scare bots away from your Svelte site using a privacy focussed captcha service.