Sure, here's a styled version of your readme.md:

---

📊 Chakra Paginated Table

Chakra Paginated Table is a customizable and feature-rich table component built with Chakra UI, inspired by the pagination functionality of Ant Design (antd). It allows you to easily render a paginated table by providing data and column configurations.

📦 Installation

Can be installed using npm or yarn:

1npm install chakra-paginated-table

or

1yarn add chakra-paginated-table

🚀 Usage

To use Chakra Paginated Table in your project, follow these steps:

1. Import the necessary components:

1import { ChakraPaginatedTable } from "chakra-paginated-table";

2. Define your columns and data source:

1const columns = [
2  { title: "Name", dataKey: "name", key: "name" },
3  { title: "Age", dataKey: "age", key: "age" },
4  { title: "Address", dataKey: "address", key: "address" },
5];
6
7const dataSource = [
8  { key: "1", name: "John Doe", age: 30, address: "123 Main St" },
9  { key: "2", name: "Jane Smith", age: 25, address: "456 Elm St" },
10  // Add more data...
11];

3. Render the Chakra Paginated Table component:

1const MyTableComponent = () => {
2  return <ChakraPaginatedTable columns={columns} dataSource={dataSource} />;
3};

🤝 Contributing

If you want to contribute to this project, feel free to submit a pull request.

🔗 GitHub Repository

📜 Props

The Chakra Paginated Table component accepts the following props:

• columns (Array): An array of column configurations. Each column object should have title, dataKey, and key properties.
• dataSource (Array): An array of objects representing the data source for the table. Each object should have keys matching the dataKey defined in the columns.

🎨 Customization

Chakra Paginated Table provides various customization options:

• Pagination Options: You can customize the number of rows displayed per page and the positioning of the pagination controls.
• Styling: Chakra UI offers a wide range of styling options. You can easily apply custom styles to the table, columns, and pagination controls to match your design requirements.
• Localization: You can customize the text displayed for the pagination controls to support different languages.

🖋 About the Author

Hi, I'm Umar Bunu. I'm a software developer passionate about open-source projects.

📜 License

Chakra Paginated Table is open-source software licensed under the MIT License.

🙏 Acknowledgments

Chakra Paginated Table was inspired by the pagination functionality of Ant Design (antd) and aims to provide a similar experience using Chakra UI. We extend our gratitude to the Ant Design team for their great work.

---