RightPanel.tsx 683 B

1234567891011121314151617181920212223242526272829
  1. import React from "react";
  2. import { AndroidOutlined, AppleOutlined } from "@ant-design/icons";
  3. import { Tabs, type TabsProps } from "antd";
  4. const RightPanel: React.FC = () => {
  5. const items: TabsProps["items"] = [
  6. {
  7. key: "1",
  8. label: "",
  9. children: "Content of Tab Pane 1",
  10. icon: <AndroidOutlined />,
  11. },
  12. {
  13. key: "2",
  14. label: "",
  15. icon: <AppleOutlined />,
  16. children: "Content of Tab Pane 2",
  17. },
  18. {
  19. key: "3",
  20. label: "",
  21. icon: <AndroidOutlined />,
  22. children: "Content of Tab Pane 3",
  23. },
  24. ];
  25. return <Tabs defaultActiveKey="2" tabPlacement="end" items={items} />;
  26. };
  27. export default RightPanel;