https://github.com/ledyx/ngx-bulma-pagination

The simple widget of pagination in Angular using Bulma.
https://github.com/ledyx/ngx-bulma-pagination

angular bulma pagination

Last synced: about 1 month ago
JSON representation

The simple widget of pagination in Angular using Bulma.

• Host: GitHub
• URL: https://github.com/ledyx/ngx-bulma-pagination
• Owner: ledyx
• Created: 2020-09-27T05:37:38.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2022-10-25T12:42:05.000Z (about 2 years ago)
• Last Synced: 2024-08-26T11:48:37.544Z (3 months ago)
• Topics: angular, bulma, pagination
• Language: TypeScript
• Homepage:
• Size: 183 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NgxBulmaPagination

Angular + [Bulma - pagination](https://bulma.io/documentation/components/pagination/)

## Quick Start

1. Install packages

```shell

npm i --save bulma ngx-bulma-pagination

```

2. Import a module

```typescript

// app.module.ts

...

import { NgxBulmaPaginationModule } from "ngx-bulma-pagination";

@NgModule({

  ...,

  imports: [

    ...,

    NgxBulmaPaginationModule

  ],

  ...

})

export class AppModule { }

```

3. Using a component

```html

```

## Example

### Basic

* max : Total count. default is ``100``.

* count : Number of buttons per group. default is ``10``.

```html

```



### Style

* isRounded : ``false``(square, default), ``true``(rounded)

```html

```



### Size

* size : ``is-small`` (default), ``is-medium``, ``is-large``

```html

```



### Alignment

* size : ``is-centered`` (default), ``is-left``, ``is-right``

```html

```



### Previous, Next

* previous : default is ``<<``

* next : default is ``>>``

```html

```