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
March 2024
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 |