https://github.com/ricosuter/aurelia-bs
Bootstrap UI (CSS framework) components for Aurelia JS.
https://github.com/ricosuter/aurelia-bs
Last synced: 7 months ago
JSON representation
Bootstrap UI (CSS framework) components for Aurelia JS.
- Host: GitHub
- URL: https://github.com/ricosuter/aurelia-bs
- Owner: RicoSuter
- License: mit
- Created: 2017-10-06T13:46:44.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-03-22T14:44:22.000Z (over 7 years ago)
- Last Synced: 2025-05-08T03:55:05.585Z (7 months ago)
- Language: TypeScript
- Homepage:
- Size: 2.01 MB
- Stars: 7
- Watchers: 4
- Forks: 2
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# aurelia-bs: Bootstrap UI components for Aurelia JS
[](https://www.npmjs.com/package/aurelia-bs)
This project provides Bootstrap UI v3 (CSS framework) components for Aurelia JS.
## [Demo](https://rawgit.com/RSuter/aurelia-bs/master/demo/index.html)
**We open-sourced our internally implemented Aurelia JS components so that everyone can use and improve them. We would be very glad if you contribute your own components, improvements and bug fixes.**
## Installation
1. Create Aurelia project (webpack based, here sample with ASP.NET Core):
```
dotnet new --install "Microsoft.AspNetCore.SpaTemplates::*"
dotnet new aurelia
```
2. Install required NPM packages:
```
npm install aurelia-bs --save
npm install aurelia-validation --save
```
3. Register both plugins in `boot.ts`:
```
import { Aurelia, PLATFORM } from 'aurelia-framework';
...
export function configure(aurelia: Aurelia) {
aurelia.use
.standardConfiguration()
.plugin(PLATFORM.moduleName('aurelia-validation'))
.plugin(PLATFORM.moduleName('aurelia-bs'));
```
4. Use bs-aurelia components and start application
```
dotnet run
```
## Usage
- [Dialogs](docs/dialogs.md)
- [Validation](docs/validation.md)
### Components
- [bs-accordion](docs/components/bs-accordion.md)
- [bs-button](docs/components/bs-button.md)
- [bs-checkbox](docs/components/bs-checkbox.md)
- [bs-datepicker](docs/components/bs-datepicker.md)
- [bs-expander](docs/components/bs-expander.md)
- [bs-grid-filter](docs/components/bs-grid-filter.md)
- [bs-grid](docs/components/bs-grid.md)
- [bs-label-collection](docs/components/bs-label-collection.md)
- [bs-loader](docs/components/bs-loader.md)
- [bs-navbar-header](docs/components/bs-navbar-header.md)
- [bs-resize-container](docs/components/bs-resize-container.md)
- [bs-scroll](docs/components/bs-scroll.md)
- [bs-searchbox](docs/components/bs-searchbox.md)
- [bs-select-grid](docs/components/bs-select-grid.md)
- [bs-select](docs/components/bs-select.md)
- [bs-tabs](docs/components/bs-tabs.md)
- [bs-textbox](docs/components/bs-textbox.md)
## Development
### How to add a component
- Implement component
- Register component in "main.ts" as `globalResources()`
- Add component name to package.json in the path "aurelia.build.resources"
- Export view model class from "index.ts"