react-simple-select-menu

react-simple-select-menu

A simple React menu selection component

Compatibility

This package has been tested and is known to work with the following versions of Node.js and npm:

• Node.js: >=22.x
• npm: >=10.x

Please ensure you have these versions installed before using this package. You can verify this by using the following commands in your terminal:

# Check Node.js version
node -v

# Check npm version
npm -v

Installation

You can install the package via npm:

npm install react-simple-select-menu

Usage/Examples

import React, { useState } from 'react'
import SelectMenu from 'react-simple-select-menu'

function App() {
    const [selectedOption, setSelectedOption] = useState(null)

    const handleSelectChange = (value) => {
        setSelectedOption(value)
    }

    const options = [
        { label: 'Option 1', value: 'option1' },
        { label: 'Option 2', value: 'option2' },
        { label: 'Option 3', value: 'option3' }
    ]

    return (
        <div>
            <SelectMenu
                options={options}
                defaultValue={options[0]}
                onChange={handleSelectChange}
            />
            <p>Selected option: {selectedOption}</p>
        </div>
    )
}

export default App

Configuration

SelectMenu does not require extensive configuration. You can customize the appearance and behavior using CSS and props such as options, defaultValue and onChange.

License

This project is licensed under the MIT License. See the LICENSE file for more details.