Dropzone

 

React

Is new design vision part implemented using new tokens?

Update required

Resources

Example


                                                        
                                                        
                                                            import { useState } from 'react';
                                                        import { Dropzone, DropzoneEvent } from '@optimus-web/core';
                                                        
                                                        const DropzoneComponent = () => {
                                                                const [state, setState] = useState<{ value: File[] | null }>({ value: null });
                                                                const handleChange = (_: DropzoneEvent, value: File[] | null) => setState({ value });
                                                        
                                                                return (
                                                                    <Dropzone label="label" name="files" accept=".jpg, .jpeg, .png" multiple value={state.value} onChange={handleChange} />
                                                                )
                                                        }