NG KSF - Angular directives specific to Bootstrap 3
Welcome to the Angular version of the Angular UI KSF library. This library is being built from scratch by the ui-bootstrap team. We are using TypeScript and targeting the Bootstrap 3 CSS framework.
As with Bootstrap, this library is a work in progress. Please check out our list of issues to see all the things we are implementing. Feel free to make comments there.
- Angular (tested with 4.1.2)
- Bootstrap 3 (VIA NPM > npm install bootstrap@3 - tested with 3.3.7)
- @ng-bootstrap (tested with 1.0.0-alpha.26)
After installing the above dependencies, install ng2-ksf
via:
npm install --save ng2-ksf
Once installed you need to import our main module:
import {KsfModule} from 'ng2-ksf';
Other modules in your application can simply import KsfModule
:
import {KsfModule} from 'ng2-ksf';
@NgModule({
declarations: [OtherComponent, ...],
imports: [KsfModule, ...],
})
export class OtherModule {
}
If you are using SystemJS, you should also adjust your configuration to point to the UMD bundle.
In your systemjs config file, map
needs to tell the System loader where to look for ng2-ksf
:
map: {
'ng2-ksf': 'npm:ng2-ksf/bundles/ng2-ksf.umd.js',
}
- ksf-panel
<ksf-panel title="My Title Panel">
</ksf-panel>