0.1.5 • Published 3 years ago

vue-3-tailwind-css-pagination v0.1.5

Weekly downloads
-
License
-
Repository
github
Last release
3 years ago

Vue 3 Tailwind Css Pagination

A Vue 3 Tailwind Css component for pagination.

Demo

alt text

Installation

// with npm

npm i vue-3-tailwind-css-pagination

Getting Started

Import component

import {createApp} from 'vue'
import {Vue3TailwindPagination} from "vue-3-tailwind-css-pagination";

const app = createApp(App)
app.component('Vue3TailwindPagination', Vue3TailwindPagination)

app.mount('#app')

How to use

<vue3-tailwind-pagination
        :total="79"
        :per_page="5"
        :active_color="'text-white'"
        :active_background="'bg-red-500'"
        :current_page="pagination.page"
        @change="change"/>

Props and attributes

IdtypeDefaultDescription
totalNumber79Total count of pages
current_pageNumber1Current page
per_pageNumber5Number per page
backgroundStringbg-gray-200-
active_backgroundStringbg-gray-900-
colorStringtext-gray-500-
active_colorStringtext-white-
border_colorStringborder-transparent-
active_border_colorStringborder-transparent-

Events

IdOutputDescription
changeNumberThe current page has been updated
0.1.5

3 years ago

0.1.4

3 years ago

0.1.3

3 years ago

0.1.2

3 years ago

0.1.1

3 years ago

0.1.0

3 years ago

0.0.9

3 years ago

0.0.8

3 years ago

0.0.7

3 years ago

0.0.6

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago