Collapse
You can edit 8 Components for free. Get premium for unlimited access.
Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.
Figma
The Collapse component is used to answer questions within an FAQ section.
1. Reference
This component inherits props from the Collapse.
2. Type
You can edit the type with the default or title parameter.
Image 2.1 : Type title
Image 2.2 : Type default
3. State
You can edit the state with the default, expand or disabled parameter.
Image 3.1 : State default
Image 3.2 : State expand
Image 3.3 : State disabled
SwiftUI
The DLCollapse component is used to answer questions within an FAQ section.
1. Reference
This component inherits props from the Collapse.
-
-
2. Type
You can edit the type with the .normal or .title parameter.
Title
Collapse
Collapse
Lorem ipsum dolor sit amet.
title: "Collapse"
)
DLCollapse(
title: "Collapse",
description: "Lorem ipsum dolor sit amet.",
state: .normal
)
DLCollapse(
title: "Collapse",
description: "Lorem ipsum dolor sit amet.",
state: .normal
)
3. State
You can edit the state with the .normal or .disabled parameter.
Collapse
Collapse
title: "Collapse",
description: "Lorem ipsum dolor sit amet.",
state: .normal
)
DLCollapse(
title: "Collapse",
state: .disabled
)
Jetpack Compose
The Collapse component is used to answer questions within an FAQ section.
1. Reference
This component inherits props from the Collapse.
-
-
2. Type
You can edit the type with the CollapseType.title or CollapseType.default parameter.
Title
Collapse
title = "Collapse",
type = CollapseType.title
)
Collapse(
title = "Collapse",
state = CollapseState.default
)
3. State
You can edit the state with the CollapseState.default, CollapseState.disabled or CollapseState.expand parameter.
Collapse
Collapse
Collapse
Lorem ipsum dolor sit amet.
title = "Collapse",
type = CollapseType.default
state = CollapseState.default
)
Collapse(
title = "Collapse",
type = CollapseType.default
state = CollapseState.disabled
)
Collapse(
title = "Collapse",
description = "Lorem ipsum dolor sit amet.",
state = CollapseState.expand
)
React Native
This component is on the roadmap and in Progress This means that it is currently being edited and will be published in the next few weeks/months. Check back often to stay informed about the latest updates.
🚧
Discover more content
You have questions or need help?
You want to try?
Save time and money?