diff --git a/app/src/docs/_examples/multiSwitch/Basic.example.tsx b/app/src/docs/_examples/multiSwitch/Basic.example.tsx index 1c6a88d40c..46e8de97db 100644 --- a/app/src/docs/_examples/multiSwitch/Basic.example.tsx +++ b/app/src/docs/_examples/multiSwitch/Basic.example.tsx @@ -11,9 +11,10 @@ import { ReactComponent as ChatIcon } from '@epam/assets/icons/communication-cha import css from './BasicExample.module.scss'; export default function BasicExample() { - const [value, onValueChange] = useState(null); - const [view, setView] = useState(null); - const [filter, setFilter] = useState(null); + const [value, onValueChange] = useState('on'); + const [userType, userTypeOnValueChange] = useState(2); + const [view, setView] = useState(1); + const [filter, setFilter] = useState(2); return ( @@ -28,8 +29,8 @@ export default function BasicExample() { items={ [ { id: 1, caption: 'Mentee' }, { id: 2, caption: 'Mentor' }, { id: 3, caption: 'Coordinator' }, ] } - value={ value } - onValueChange={ onValueChange } + value={ userType } + onValueChange={ userTypeOnValueChange } /> With Grey border Disabled Icon only