Nobody Pays (for) Magazines

    @_nu/react-select
    TypeScript icon, indicating that this package has built-in type declarations

    0.1.7 • Public • Published

    @_nu/react-select

    npm package npm downloads jsdelivr github

    English | 简体中文

    Install

    yarn add @_nu/react-select
    

    Custom

    /* @components/select/index.js */
    import Select from "@_nu/react-select";
    // core style
    import "@_nu/css-select";
    // skin of bootstrap
    import "@_nu/css-select/css/skins/default.css";
    // custome style
    // import './style.css';
    
    // base className of select
    Select.defaultProps.classNameBase = "";
    
    export default Select;

    Use

    import Select from "./components/Select";
    
    const Page=()=>{
        return (
         <div>
            <Select className="_l" onChange={(e)=>{
            console.log(e.currentTarget.value);
            }}>
                <option value="1">large</option>
                <option value="2">option2</option>
                <option value="3">option3</option>
            </Select>
            <Select>
                <option value="1">default</option>
                <option value="2">option2</option>
                <option value="3">option3</option>
            </Select>
            <Select className="_danger">
                <option value="1">danger</option>
                <option value="2">option2</option>
                <option value="3">option3</option>
            </Select>
            <Select className="_s">
                <option value="1">small</option>
                <option value="2">option2</option>
                <option value="3">option3</option>
            </Select>
            <Select className="_xs">
                <option value="1">x-small</option>
                <option value="2">option2</option>
                <option value="3">option3</option>
            </Select>
         </div>
        );
    };
    
    export default Page;

    Or go node_modules/@_nu/react-select/demo for more detail.

    API

    Prop type Default Function
    children string | Array ' ' children
    className string | Array ' ' className
    classNameDefault string | Array ' ' default className
    disabled boolean false disabled status of button
    ComponentWrap string | func | object 'label' wrapper

    More

    Install

    npm i @_nu/react-select

    DownloadsWeekly Downloads

    8

    Version

    0.1.7

    License

    MIT

    Unpacked Size

    575 kB

    Total Files

    20

    Last publish

    Collaborators

    • ziven27
    • nanasun