search

bestguy / sveltestrap

Bootstrap 4 & 5 components for Svelte
https://sveltestrap.js.org
MIT License
1.31k stars 183 forks source link

Styling #124

Closed czlinNYC closed 4 years ago

czlinNYC commented 4 years ago

How does one style the sveltestrap components? I am attempting to style the drop down and yeah. No idea how to do it.

bestguy commented 4 years ago

Hi @czlinNYC , this library is for using Bootstrap components in Svelte, so the styling comes from Bootstrap. We basically use bootstrap class and Bootstrap theme provides the look. This is not a library like styled-components.

However you can customize your Bootstrap theme by overriding the classes used, dropdowns for example: https://getbootstrap.com/docs/4.4/components/dropdowns/#examples

Or you can use a different Bootstrap theme, such as from Bootswatch: https://www.bootstrapcdn.com/bootswatch/

Some examples:

Default:

Screen Shot 2020-01-29 at 6 21 18 AM

Darkly:

Screen Shot 2020-01-29 at 6 21 28 AM

Sketch:

Screen Shot 2020-01-29 at 6 21 36 AM
czlinNYC commented 4 years ago

Wow thank you for your prompt reply. I appreciate it. I am only using a few components of sveltestrap, so I think and entire theme will be overkill. I styled the components I am using with a css file loaded after the bootstrap in the head. It seems to be sufficient for my project. Thank you again I will pass this to my coworkers.