About

The FilterCheckboxV1 component is a filter UI designed to display categorized checkboxes for different roles. It includes a search bar, categorized sections, and action buttons for clearing and saving selections.

Tips/Instructions

1. Usage: Import the FilterV1 component and include it in your application.
2. Customization: You can add or remove checkboxes by modifying the FilterSection components within FilterV1.
3. Callbacks: Implement the onChange function for each checkbox to handle state changes when a checkbox is checked or unchecked.

import React from 'react';
import FilterV1 from './FilterV1';

function App() {
    return (
        <div className="App">
            <FilterV1 />
        </div>
    );
}

export default App;

Files Included

• FilterV1.jsx
• CheckBox.jsx