https://github.com/tohsaka888/react-animate-tab

https://github.com/tohsaka888/react-animate-tab

Last synced: 9 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/tohsaka888/react-animate-tab
• Owner: tohsaka888
• Created: 2023-01-27T06:48:19.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2024-10-23T04:21:01.000Z (23 days ago)
• Last Synced: 2024-10-24T21:29:41.326Z (22 days ago)
• Language: TypeScript
• Size: 55.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 13
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-anime-tab

[![GitHub license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](https://github.com/tohsaka888/create-react-swc-app/blob/master/LICENSE)

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

## example

```tsx

import React, { Key, useState } from "react";

import "@/style/global.css";

import { Tabs } from "@source/index";

function App() {

  const [selectedKeys, setSelectedKeys] = useState([]);

  return (

     ({

        name: "item" + idx,

        id: "item" + idx,

        icon: 
1
,

      }))}

      defaultSelectedKeys={["item0"]}

      style={{ height: "60px" }}

      itemStyle={{ padding: "0px 12px" }}

      itemSelectedStyle={{ padding: "0px 12px", color: "red" }}

      lineStyle={{ background: "red" }}

      // selectedKeys={selectedKeys}

      // onSelect={(id, item) => {

      //   setSelectedKeys([...selectedKeys, id]);

      // }}

    />

  );

}


export default App;

```