Skip to content

mahyarkarimi/tabler-react

Repository files navigation

React UI Components Based on

Tabler

Tabler is a free and open source web application UI kit based on Bootstrap 5, with hundreds responsive components and multiple layouts. This package is ui components version of beautiful and simple Tabler library developed to use in ReactJS framework. Every component of the package uses the base @tabler/core and @tabler/icons-react library to make easy-to-use and React based set of components.

To view documentation of components and its usage please visit Storybook of tabler-react-components published in chromatic.

npm NPM License NPM Downloads

🖥 Environment Support

  • Modern browsers
  • Server-side Rendering
Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Edge last 2 versions last 2 versions last 2 versions

📦 Installation

To install the React Pagination UI Component Library, you can use npm or yarn:

npm install tabler-react-components

or

yarn add tabler-react-components

🔨 Usage

import * as React from 'react'

import { TablerProvider } from 'tabler-react-components'

function App() {
  // Wrap TablerProvider at the root of your app component
  return (
    <TablerProvider>
      <TheRestOfYourApplication />
    </TablerProvider>
  )
}

🔗 Links