FEToolkit/Admin-React

(This thumbnail was created by Chat GPT)

English | 한국어

This project is a package that provides components, hooks, and utility functions useful for Admin (administrator page) development. You can use it effectively when developing administrator pages in a React environment.

1. Compatibility

| Framework | enabled | version | | :----------: | :-----: | :-----: | | React | ⭕ | >=19 | | Next.js | ❌ | | | React Native | ❌ | |

2. Getting Started

2-1. Installation

• npm

  npm i @fetoolkit/admin-react

• yarn

  yarn add @fetoolkit/admin-react

• pnpm

  pnpm add @fetoolkit/admin-react

2-1-1. Additional Required Packages

• npm

  npm i classnames uuid

• yarn

  yarn add classnames uuid

• pnpm

  pnpm add classnames uuid

3. Basic Usage

import { AdminTable, AdminInput, AdminSwitch } from '@fetoolkit/admin-react';

function App() {
  return (
    <div>
      <AdminInput placeholder="Enter text" />
      <AdminSwitch />
      <AdminTable columns={columns} data={data} />
    </div>
  );
}

4. Features

4-1. Components

| Name | Description | Docs | | :--------------------- | :-------------------------------------------------- | :------------------------------------------------------: | | AdminTable | Data table component (supports sorting, pagination) | Documentation | | AdminInput | Basic input field component | Documentation | | AdminTextArea | Text area component | Documentation | | AdminInputLabelBasic | Input field label component | Documentation | | AdminCheckbox | Checkbox component | Documentation | | AdminRadio | Radio button component | Documentation | | AdminSwitch | Switch toggle component | Documentation | | AdminDropdown | Dropdown selection component | Documentation | | AdminPagination | Pagination component | Documentation | | AdminRouteMenuTemplate | Menu template component | Documentation |

4-2. Hooks

| Name | Description | Docs | | :------- | :-------------------------- | :-----------------------------------------: | | useTable | Table state management hook | Documentation |

3-3. Utility Functions

| Name | Description | Docs | | :---------------- | :---------------------------- | :--------------------------------------------------: | | convertTableDatas | Table data conversion utility | Documentation |