No Matching Results
Sorry, we couldn‘t find any matching records. Please try different search terms.
Lorem ipsum dolor sit amet, consectetur adipiscing elit...
30 minutes agoLorem ipsum dolor sit amet, consectetur adipiscing elit...
1 hour agoLorem ipsum dolor sit amet, consectetur adipiscing elit...
yesterday5 new invoices were recently added to your account
3 hours ago3 invoices were marked as approved by 2 reviewers
3 hours agoSome items managed by you are on overdue
5 hours agoNo Matching Results
Sorry, we couldn‘t find any matching records. Please try different search terms.
My Schedule
January 2025
My Team
Master layouts
Toggle Box
- Documentation
- Toggle Box
Shapes
straight | rounded | smooth | curved The toggle box component delivers large amounts of content in a small space through progressive disclosure. The header title give the user a high level overview of the content allowing the user to decide which sections to read. Toggle boxes can have different shapes using the shape prop.
How can I get support?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bork Quid de Platone aut de Democrito loquar? Egone quaeris, inquit, quid sentiam?
How can I download files?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bork Quid de Platone aut de Democrito loquar? Egone quaeris, inquit, quid sentiam?
How can I get a refund?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bork Quid de Platone aut de Democrito loquar? Egone quaeris, inquit, quid sentiam?
How can I customize the product?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bork Quid de Platone aut de Democrito loquar? Egone quaeris, inquit, quid sentiam?
Colors
default | contrast | muted | mutedContrast | primary | info | success | warning | danger The toggle box component delivers large amounts of content in a small space through progressive disclosure. Toggle boxes can have different colors using the color prop.
How can I get support?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bork Quid de Platone aut de Democrito loquar? Egone quaeris, inquit, quid sentiam?
How can I download files?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bork Quid de Platone aut de Democrito loquar? Egone quaeris, inquit, quid sentiam?
How can I download files?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bork Quid de Platone aut de Democrito loquar? Egone quaeris, inquit, quid sentiam?
How can I download files?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bork Quid de Platone aut de Democrito loquar? Egone quaeris, inquit, quid sentiam?
How can I get a refund?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bork Quid de Platone aut de Democrito loquar? Egone quaeris, inquit, quid sentiam?
How can I customize the product?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bork Quid de Platone aut de Democrito loquar? Egone quaeris, inquit, quid sentiam?
How can I customize the product?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bork Quid de Platone aut de Democrito loquar? Egone quaeris, inquit, quid sentiam?
How can I customize the product?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bork Quid de Platone aut de Democrito loquar? Egone quaeris, inquit, quid sentiam?
Grow on expand
boolean The toggle box component delivers large amounts of content in a small space through progressive disclosure. Toggle boxes can grow when expanded using the growOnExpand prop.
How can I get support?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bork Quid de Platone aut de Democrito loquar? Egone quaeris, inquit, quid sentiam?
Custom content
React.ReactNode The toggle box component delivers large amounts of content in a small space through progressive disclosure. Toggle boxes can hold any type of content and use any external components.
Top 3 best freelancers
Josh Meyers
Software Engineer$125 / hourKendra Wilson
UI/UX Designer$95 / hourAnna Lopez
Web Developer$119 / hour
Props
Contains all toggle box props.
| Prop | Type | Default |
|---|---|---|
title | string | undefined |
shape | string | smooth |
color | string | default |
growOnExpand | boolean | false |
Slots
Contains all toggle box slots.
| Slot | Required |
|---|---|
children | Required |