@subgame/react-icon-subgame v1.0.3

安裝

依賴項目

此套件使用 chakra-ui 做為基底，所以需要安裝 chakra-ui 作為依賴項

 yarn add @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^4

安裝套件

 yarn add @subgame/react-icon-subgame

使用方式

設定 ChakraProvider

參考官方文件 Set up Provider

import * as React from "react";

import { ChakraProvider } from "@chakra-ui/react";

function App({ Component }) {
  return (
    <ChakraProvider>
      <Component />
    </ChakraProvider>
  );
}

Icon 使用方法

import React from "react";
import "./App.css";
import {
  IconFax,
  IconFilter,
  IconPin,
  IconWater,
} from "@subgame/react-icon-subgame";

function App() {
  return (
    <div className="App">
      <IconFax />
      <IconFilter />
      <IconPin />
      <IconWater />
    </div>
  );
}

export default App;

可用 Props

產生的 Icon 元件可用所有 svg 元素適用的 Props，以及 chakra-ui 提供的 Style Props， 除此之外，還可以另外使用以下兩個 Props 。