Angular Bootstrap

This package provides a variaty of useful components and tools that is based on bootstrap.

Available components

• <image-input> which is a component that provides an image input that supports drag and drop and provides an ImageInputValue
• <image-gallery> which is a component that provides gallery image input that uses <image-input> provides an array of GalleryImageValue which extends ImageInputValue
• <advanced-select>

Available directives

• [popover] is a directive that adds popover on the component used on that is fully customizable and supports rtl, you can pass content as string or ng-template-ref, and also assign the [popoverPlacement]
• <input advanceInput>
• <div *loading="boolean">

Installation

Bootstrap

First things first we need to install bootstrap styles in angular. run this command: npm i bootstrap-rtlized

Then in styles.scss

...
import '~bootstrap-rtlized';
...

Fontawesome

Some components and tools needs Font Awesome to be installed.

Package

run this command: npm i @monabbous/ng-bootstrap

and then import in your module

...
imports : [
    ...
    NabbousBootstrapComponentsModule,
    ...
],
...

Usage

coming soon