Components

Selector

#

Selector can open a menu or any other element when the button is clicked.

#

Preview

Select an option
  • Option 1
  • Option 2
  • Option 3

#

Code


    
    "use client"  // for nextJS
    import { Selector } from 'mvk-ui';
    import './App.css'

    const App = () => {
        const dropdownOptions = [
            { label: 'Option 1', value: '1' },
            { label: 'Option 2', value: '2' },
            { label: 'Option 3', value: '3' }
        ];

        const handleSelect = (value: string) => {
            console.log('Selected value:', value);
        };

        return (
            <div className="app-container">
                <Selector 
                    options={dropdownOptions} 
                    placeholder="Select an option" 
                    onSelect={handleSelect} 
                />
                {/* Other components */}
            </div>
        );
    };

    export default App;