Icon

Icon

  • 可通过phIcon来配置不同类型的符号, 可选查看所有icon类型。
  • 支持自定义className，事件等操作。

主要属性和接口：

  • phIcon:配置不同类型的符号
    如：<Icon phIcon="search" />

方法

属性

事件

Extends Component
Defined in: src/Icon.js:5
Module: 标签组件

Available since 1.3.0

Constructor

Icon

Icon ()

Defined in src/Icon.js:5

Available since 1.3.0

Example:

import React, { Component } from "react";
import {Icon} from "phoenix-ui";
import Code from "./code/code";

export default class icon extends Component{
    render(){
        return(
            <div>
                <h2 className="comp-title">Icon</h2>
                <h3 className="comp-type">phIcon 符号类型(对应icon的名称)</h3>
                <div className="content">
                    <h3 className="comp-tip">通过phIcon设定</h3>
                    <Icon phIcon="search" />
                    <h3 className="comp-tip">不用Icon组件的方式</h3>
                    <span className="gfs-icon icon-chevron-left"></span>
                </div>
                <Code target="icon-phicon" />
                <a className="code-mark ph-button-link" href="http://future-team.github.io/gfs-icons/index.html">查看所有icon类型</a>
            </div>
        );
    }
}

属性

classPrefix

String

Defined in src/Icon.js:25

样式前缀

Default:

'icon'

componentTag

String

Defined in src/Icon.js:32

标签tagName

Default:

'span'

phIcon

String

Defined in src/Icon.js:39

icon符号类型

Default:

''