index.md

Use-cases for each NGX-Bootstrap component show examples of using it by user

Accordion

Examples. Basic

Examples. Group opening event

Examples. Custom-html

Examples. Disabled

Examples. Initially opened

Examples. Dynamic accordion

Examples. Dynamic body content

Examples. Manual toggle

Examples. Open only one at a time

Examples. Styling

Examples. Configuring defaults

Alerts

Examples. Basic

Examples. Link color

Examples. Additional content

Examples. Dismissing

Examples. Dynamic html

Examples. Dynamic content

Examples. Dismiss on timeout

Examples. Global styling

Examples. Component level styling

Examples. Configuring defaults

Buttons

Buttons examples. Basic

Buttons examples. Checkbox

Buttons examples. Custom checkbox value

Buttons examples. Checkbox with Reactive Forms

Buttons examples. Radio

Buttons examples. Uncheckable Radio

Buttons examples. Radio with Reactive Forms

Buttons examples. Disabled Buttons

Carousel

Carousel. Basic

Carousel. Optional captions

Carousel. Configuring defaults

Carousel. Dynamic Slides

Carousel. Pause on hover

Carousel. Custom content

Carousel. Disable slide looping

Carousel. Disable indicator

Carousel. Interval

Carousel. Slide changed event

Carousel. Accessibility

Collapse

Collapse. Basic

Collapse. Events

Collapse. Manual toggle

Collapse. Accessibility

Datepicker

Datepicker. Basic

Datepicker. Inline Datepicker

Datepicker. Initial state

Datepicker. Custom date format

Datepicker. Hide on scroll

Datepicker. Themes

Datepicker. Locales

Datepicker. Min-max

Datepicker. Days disabled

Datepicker. Min-mode

Datepicker. Disabled

Datepicker. Custom today class

Datepicker. Forms

Datepicker. Reactive forms

Datepicker. Manual triggering

Datepicker. Placement

Datepicker. Config method

Datepicker. Visibility Events

Datepicker. Value change event

Datepicker. Config properties

Datepicker. Select dates from other month

Datepicker. Select week

Datepicker. Outside click

Datepicker. Trigger by isOpen property

Datepicker. Custom triggers

Dropdowns

Dropdowns. Basic

Dropdowns. Trigger by tag <a>

Dropdowns. Split button dropdowns

Dropdowns. Manual triggering

Dropdowns. Trigger by isOpen property

Dropdowns. Disabled menu

Dropdowns. Mark item as disabled

Dropdowns. Menu alignment

Dropdowns. Inside click

Dropdowns. Nested dropdowns

Dropdowns. Append to body

Dropdowns. Dropup variation

Dropdowns. Menu dividers

Dropdowns. Custom html

Dropdowns. Configuring defaults

Dropdowns. Visibility Events

Dropdowns. State change event

Dropdowns. Auto close

Dropdowns. Accessibility

Modals

Service examples. Template

Service examples. Component

Service examples. Nested

Service examples. Scrolling long content

Service examples. Events

Service examples. Confirm Window

Service examples. Сustom css class

Service examples. Animation option

Service examples. Esc closing option

Service examples. Modal window with tooltip and popover

Service examples. Backdrop options

Directive examples. Static modal

Directive examples. Optional sizes

Directive examples. Child modal

Directive examples. Nested modals

Directive examples. Modal events

Directive examples. Auto shown modal

Pagination

Pagination. Basic

Pagination. Manual switching page

Pagination. Page changed event

Pagination. Pages count changed event

Pagination. Boundary links

Pagination. Direction links

Pagination. Custom links content

Pagination. Disabled

Pagination. Limits

Pagination. Centering the active page link

Pagination. Content switching

Pagination. Pager

Popover

Basic

Placement

Dismiss on next click

Dynamic content

Custom content template

Dynamic Html

Append to body

Visibility events

Configuring defaults

Outside click

Custom triggers

Manual triggering

Trigger by isOpen property

Component level styling

Custom class

Popover context

Progressbar

Progressbar. Static

Progressbar. Dynamic

Progressbar. Stacked

Progressbar. Configuring defaults

Rating

Rating. Basic rating

Rating. Dynamic rating

Rating. Custom icons

Rating. Select on enter

Sortable

Basic

Complex data model

Custom item template

Accessibility

Tabs

Basic

Manual selection

Disabled tabs

Dynamic tabs

Pills

Vertical Pills

Justified

Custom class

Select event

Configuring defaults

Custom template

Accessibility

Timepicker

Basic

Meridian

Custom meridian

Min - Max

Toggle minutes/seconds

Disabled

Readonly

Custom steps

Custom validation

Custom validation with isValid event

Dynamic

Mouse wheel

Arrow keys

Spinners

Configuring defaults

Tooltip

Typeahead

Basic array

Item template

Option field

Async data

With delay

Template-driven forms

Reactive forms

Grouping results

Ignore spaces and order

Phrase delimiters

Dropup

On blur

Append to body

No result

Scrollable

Latinize

On select