sbx-react-dropdown

sbx-react-dropdown

---

sbx i --save sbx-react-dropdown

import Dropdown from 'sbx-react-dropdown';

<div className="btn-group">
    <Dropdown
        data={data}
        position="top"
    >
        <button className="btn btn-sm btn-secondary">
            Top
        </button>
    </Dropdown>
    <Dropdown
        data={data}
        position="top_right"
    >
        <button className="btn btn-sm btn-secondary">
            Top right
        </button>
    </Dropdown>
    <Dropdown
        data={data}
        position="bottom_left"
    >
        <button className="btn btn-sm btn-secondary">
            Bottom left
        </button>
    </Dropdown>
    <Dropdown
        data={data}
        position="bottom_right"
    >
        <button className="btn btn-sm btn-secondary">
            Bottom right
        </button>
    </Dropdown>
    <Dropdown
        data={data}
        position="left"
    >
        <button className="btn btn-sm btn-secondary">
            Left
        </button>
    </Dropdown>
    <Dropdown
        data={data}
        position="left_bottom"
    >
        <button className="btn btn-sm btn-secondary">
            Left bottom
        </button>
    </Dropdown>
    <Dropdown
        data={data}
        position="right"
    >
        <button className="btn btn-sm btn-secondary">
            Right
        </button>
    </Dropdown>
    <Dropdown
        data={data}
        position="right_top"
    >
        <button className="btn btn-sm btn-secondary">
            Right top
        </button>
    </Dropdown>
</div>