ComponentsDropdown Text
DropdownText
A dropdown text component that can be used to display hidden content
Dropdown Text
The DropdownText component is a dropdown text component that can be used to display hidden content. It is a great way to organize and display information in a structured and visually appealing way.
Tip!
The component can either manage its own state or be controlled by the parent component using the isOpen and onToggle props.
Props
The DropdownText component accepts the following props:
| Name | Type | Default | Description |
|---|---|---|---|
| title | string | The title of the dropdown text component. | |
| content | string | The content of the dropdown text component. | |
| isOpen | boolean | false | The state of the dropdown text component. |
| onToggle | func | The function to toggle the state of the dropdown text component. | |
| border | boolean | true | Whether to show a border at the bottom of the dropdown text component. |
Usage Examples
Basic DropdownText
Dropdown Text
Controlled DropdownText
Dropdown Text
This is the content of the dropdown text component.