![sveltestrap](./logo.svg) # Important Note: This project is now hosted at [https://github.com/sveltestrap/sveltestrap](https://github.com/sveltestrap/sveltestrap) ## This repo is the legacy repo for Sveltestrap 5 for use with Svelte 3. No new development will happen here. sveltestrap.js.org docs now point to @sveltestrap/sveltestrap v6, and the new install/import for sveltestrap v6+ is `npm install @sveltestrap/sveltestrap` (You can still use sveltestrap v5.x via `npm install sveltestrap`) We were unable to migrate this repo to the sponsor's org, so please update your imports, stars, bookmarks, etc to https://github.com/sveltestrap/sveltestrap. Our apologies for any confusion. This repo will eventually be archived. --- ## Bootstrap 5 components for Svelte v3 The goal of this library is to provide all Bootstrap 5 components for a [Svelte](https://svelte.dev) app. Sveltestrap makes it easy to use Bootstrap since there is no need to use Bootstrap component classes, to include Bootstrap's JavaScript, nor depend on jQuery. Sveltestrap is free, open-source software published under the permissive [MIT license.](https://github.com/bestguy/sveltestrap/blob/master/LICENSE) This library was inspired by the [reactstrap](https://reactstrap.github.io) library for React. To make using Bootstrap themes easier, this library does _not_ embed Bootstrap styles directly and you will need to include Bootstrap 5 CSS in your page. [Demo page](https://sveltestrap.js.org/) --- ## Install `npm install svelte sveltestrap` ## Usage _You need to include a link to Bootstrap 5 stylesheet in your page - these components do not include or embed any Bootstrap styles automatically._ Either in your HTML layout: ```html ``` Or from your Svelte app, either: ```html ``` or: ```html ``` or alternately, use the [Styles](https://sveltestrap.js.org/?path=/story/components--styles) component: ```html ``` Then use sveltestrap components in your svelte component: ```html ``` ### Note on Icons If you wish to use the [Icon component](https://sveltestrap.js.org/?path=/story/components--icon), you also must include a link to Bootstrap Icon CSS, for example: ```html ``` or: ```html ``` or the [Styles](https://sveltestrap.js.org/?path=/story/components--styles) component includes the Bootstrap Icon CSS by default: ```html ``` ### Note on usage with Sapper If you are using Sveltestrap with Sapper, it's recommended you import the component source directly. Note that this issue does not affect SvelteKit. For example: ```html ``` if you prefer the 'sveltestrap' import, you can move the package to `devDependencies` block in your `package.json` so that sapper will parse the es bundle ```json "devDependencies": { "sveltestrap": "*.*.*", ... }, ```

	Stars	Issues	Version	Updated	Created
smelte			1.1.8	3 years ago	5 years ago
svelte-chota	291	6	1.8.6	3 years ago	5 years ago
svelte-material-ui			7.0.0-beta.18	a month ago	5 years ago
sveltestrap	1,296	123	5.11.3	4 months ago	7 years ago

smelte vs svelte-chota vs svelte-material-ui vs sveltestrap

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past