geist-ui-svelte Example project

[ieedan]

@SikandarJODD you can use this discussion for the example project

[SikandarJODD]

I will create a simple todo for using gesit-ui-svelte

[ieedan]

I think I am gonna build something as well.

Let me know about any issues you have with it lets just post them here and then we can open issues off of them.

[ieedan]

Also just as a rule I think we should make sure we are only using the documentation on the website to complete this and we aren't looking at the source.

[ieedan]

Add tabs for pnpm and yarn for installation commands

I use pnpm so this would be really nice so I can just copy paste

[ieedan]

Add <slot/> at the bottom of the +layout.svelte example

[ieedan]

complete

[ieedan]

Need to add a dependency for TailwindCSS at version 3.4.0 otherwise the library will break

[ieedan]

complete

[ieedan]

Add a grow attribute to elements like input that have a configurable width but no class

[SikandarJODD]

This is the Example : https://geist-example.vercel.app i build
Issues i faced :

1. Button width should be increase like w-full, w-fit ...classes
2. Input width should be flexible like width wise..
3. I think i should add /examples tab in geist-ui to get build in components like card n ll
4. i dont know how to add Dark Mode to website like i didn't find how to add it on website
5. More Examples would help users to know more about Usage Stuff

[ieedan]

Sveltekit dark mode is just a pain in the but. You could rip what we use here for now.

An examples tab maybe under guide would be good.

Input width should be flexible like width wise..

What does this mean?

Same with the button width^

[SikandarJODD]

while i was using Input tag ...the width of input is fixed : https://geist-ui-svelte.dev/components/input
Example :

we can add width attribute

<Input width={30} type='text'/>

[SikandarJODD]

Same goes with button too....

[ieedan]

RIght now the input has a width attribute as well as the button. Both are in docs

[ieedan]

Right now the Skeleton container is broken the loading attribute doesnt toggle the hidden state properly

[ieedan]

Add colors to card. Include text colors

[ieedan]

Make Text default value inherit

[ieedan]

Option to disable header transparency effect

[ieedan]

I built https://echo-chamber-omega.vercel.app/

Gonna go fix stuff now

[ieedan]

@SikandarJODD I'm gonna get lunch then I'm gonna start opening issues