react-laravel-paginex
react-laravel-paginex copied to clipboard
Tailwind
Hi im using this component, works awesome, but how add class for tailwindcss? im amateur in react
if you are using css-in-js via twin.macro you can do something like this:
import tw, { css, styled } from 'twin.macro';
const StyledPagination = styled.nav(() => [
css`
.pagination {
/* your styles here */
}
<StyledPagination aria-label="Pagination">
<LaravelPagination data={data} options={paginationOptions}/>
</StyledPagination>
otherwise if you are using Tailwind (following their docs) you will need to include a style sheet with your applied styles i.e.
// in your index.js
import pagination-styles.css;
and
/* pagination-styles.css */
.pagination {
@apply /* tailwind classes here */
}