Variation 2
Variation 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title 1
Lorem ipsum dolor sit amet. , consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Video inside Accordion
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Variation 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Variation 4 - Accordion with Icon or Thumbnail
HEART
How heart function?
The human heart is situated in the mediastinum, at the level of thoracic vertebrae T5-T8. A double-membraned sac called the pericardium surrounds the heart
DNA
What is DNA?
Deoxyribonucleic acid (/diːˈɒksɪˌraɪboʊnjuːˌkliːɪk, -ˌkleɪ-/ ⓘ;[1] DNA) is a polymer composed of two polynucleotide chains that coil around each other to form a double helix. The polymer carries genetic instructions for the development, functioning, growth and reproduction of all known organisms and many viruses. DNA and ribonucleic acid (RNA) are nucleic acids.
Additional information
- Accordion component can be authored by editors
- Accordion titles/headlines do not collide with the accordion toggle icon irrespective of the length.
- The accordion toggle icon is fixed and cannot be customized. On click of it, the accordion content slides down.
- Grouped option: While clicking on another accordion item, it will close the first opened accordion .
- Ungrouped option: Keep the existing accordion expanded when clicking on another accordion item
- For content editing details and text formats within this accordion, please visit Text Formats page.
- In Variation 1, the below options are authorable:
- Only Text and images (maximum of 2) are allowed
- Provision to remove the background color from the accordion content (#f6f3f3)
- Option to expand the first accordion item on page load. Provide an option to "Expand" & "Collapse" of all accordion options as required
- In Variation 2, the below options are authorable:
- Supports all features of accordion 1 along with the capability to configure any component within an accordion.
- Here we have provision to change the accordion icon with chevron or plus/minus
- In all variations, the expand/collapsible icon can be configured in the left
- In Variation 4 Icon or Thumbail can be added., the icon is left aligned.
- In Accordion Bio Container, expand/collapse icon can be configured by using two drop-down values- chevron, plus
- In Accordion Bio Item, expand/collapse icon, Image, Name, Title, Bio content can be configured.
- For step by step guidance about authoring this component, please visit the Accordion authoring guide.
