# Does CheckboxGroup Support Toggling?

**URL:** <https://discuss.huggingface.co/t/does-checkboxgroup-support-toggling/46936>\
**Category:** 🔒 Gradio\
**Created:** [July 15, 2023, 6:59pm UTC](https://discuss.huggingface.co/t/does-checkboxgroup-support-toggling/46936 "2023-07-15T18:59:43Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![cathrineee](https://sea2.discourse-cdn.com/hellohellohello/user_avatar/discuss.huggingface.co/cathrineee/32/17095_2.png) [@cathrineee](https://discuss.huggingface.co/u/cathrineee)\
**Post date:** [July 15, 2023, 6:59pm UTC](https://discuss.huggingface.co/t/does-checkboxgroup-support-toggling/46936/1 "2023-07-15T18:59:43Z")

</div>

I am building an annotation tool and want to use the `CheckboxGroup` to show the current working progress. The texts that have been annotated will be checked, and users can keep track of which ones they have done and go to whatever text they want to annotate next.  
My problem is that there are many texts for the users to annotate and the `CheckboxGroup` would have a long list. Is there a way to toggle the component so that it’s not taking too much space in the interfaec?

---

<div class="post-metadata">

**Author:** ![radames](https://sea2.discourse-cdn.com/hellohellohello/user_avatar/discuss.huggingface.co/radames/32/28246_2.png) [@radames](https://discuss.huggingface.co/u/radames)\
**Post date:** [July 19, 2023, 1:40pm UTC](https://discuss.huggingface.co/t/does-checkboxgroup-support-toggling/46936/2 "2023-07-19T13:40:30Z")

</div>

hi @cathrineee ,

Maybe you could use the `gr.Accordion(open=False)` component with option to toggle open an close

```python
with gr.Accordion("See options here", open=False):
    gr.CheckboxGroup(...)

```

> **[Gradio Block Layouts Docs](https://www.gradio.app/docs/block-layouts#accordion)**
>
> Customize the layout of your Blocks UI with the layout classes below.