# Angular2-UIBootstrap-Component

## Dependencies:
This Angular2 UI-Bootstrap Components consists of native Angular2 components and directives, no jQuery or Bootstrap javascript is required.
This guid depend on Angular2, Bootstrap and ng2-bootstrap. The following is their version information:

Name	        | Version
---           | ---
Angular2      |	`2.0.0-rc.4`
Bootstrap	    | `3.3.6`
ng2-bootstrap	| `1.0.17`

## Install npm packages
```bash
npm install angular2-component
```

## Install packages
```bash
npm install
```

## Quick start
```bash
npm start
```

## Components
This Angular2 UI-Bootstrap Components contains those components:
* `Accordion` - The accordion component builds on top of the collapse directive to provide a list of items, with collapsible bodies that are collapsed or expanded by clicking on the item's header.
* `Alerts` - The alerts component provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
* `Datepicker` - The Angular2 Datepicker is a highly configurable component that adds datepicker functionality to your pages. You can customize the date format and language, restrict the selectable date ranges.
* `Dropdown` - Dropdowns are toggleable, contextual overlays for displaying lists of links and more.
* `Modals` - Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.
* `Tabs` - Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.
* `Tooltip` - Tooltip are an updated version, which don’t rely on images, use CSS3 for animations, and much more.
* `Typeahead` - The typeahead component can be used to quickly create elegant typeaheads with any form text input.

## Screenshots Example
![Screenshots Example](https://github.com/huangxubo23/Angular2-UIBootstrap-Component/blob/master/screenshots/Angular2%20UI%20Bootstrap%20Components_Tabs.png)

Click [screeshots](https://github.com/huangxubo23/Angular2-UIBootstrap-Component/tree/master/screenshots) to see more example pictures.
