Nearest Phase Modulator

    bee-input-group

    2.0.4 • Public • Published

    bee-input-group

    npm version Build Status Coverage Status

    InputGroup 是包装 FormControl InputGroupButton InputGroupAddon的元素,实际应用中 InputGroupAddon InputGroupButton被集成到InputGroup中使用,格式如:InputGroup.Addon InputGroup.Button

    使用

    使用单独的bee-input-group包

    组件引入

    先进行下载bee-input-group包

    npm install --save bee-input-group
    

    组件调用

    import InputGroup from 'bee-input-group';
    import Button from 'bee-button'
    React.render(<div>
        <InputGroup>
      <InputGroup.Addon>.00</InputGroup.Addon>
            <FormControl type="text" />
        </InputGroup>
        <InputGroup>
      <InputGroup.Button>
      <Button>toggle</Button>
      </InputGroup.Button>
            <FormControl type="text" />
        </InputGroup>
    </div>, document.getElementById('target'));

    样式引入

    • 可以使用link引入dist目录下bee-input-group.css
    <link rel="stylesheet" href="./node_modules/build/bee-input-group.css">
    
    • 可以在js中import样式
    import "./node_modules/src/InputGroup.scss"
    //或是
    import "./node_modules/build/bee-input-group.css"

    开发调试

    $ git clone https://github.com/tinper-bee/bee-input-group
    cd bee-input-group
    $ npm install
    $ npm run dev

    Install

    npm i bee-input-group

    DownloadsWeekly Downloads

    320

    Version

    2.0.4

    License

    MIT

    Unpacked Size

    22.2 kB

    Total Files

    18

    Last publish

    Collaborators

    • honely1314
    • xiaoshutong
    • yonyoufed
    • jonyw
    • guoyongfeng
    • kvkens
    • whizbz
    • npm_yx
    • bjyxszd
    • tinper-bot
    • houjitong
    • gaox2025f
    • gcht163
    • cnkvkens
    • diozhu
    • wangjings123
    • ahua52