Dropdown Navigation

An accordion allows a user to toggle the display of a section of content.
All Pillars
Learn
I want to take my business to greater heights
Grow
I want to take my business to greater heights
Inspire
I want to take my business to greater heights
Initiate
I want to take my business to greater heights
1. Design Guideline

No content has been added for this component.

2. Implementation Notes

No content has been added for this component.

MaGIC Design Guideline
Governance & MaintenanceGuidelines Templates
Components (MOLECULE)
AccordionActivity TimelineAlertBreadcrumbsButtonsCards & BlocksFooterGlobal NavigationModalPanelSearchbox
Utilities (ORGANISM)
AllignmentBorderBoxDescription ListFloatsGridHorizontal ListHypernationInteractionsLayoutMarginMedia ObjectName Value ListPaddingPositionScrollableSizingTextThemesVertical ListVisibility
Guidelines (TEMPLATE)
AnimationColorData EntryDisplaying DataLayoutLoadingLocalizationMarkup and StyleMessagingNavigationTypographyVoice and Tone
Design Token (ATOM)
OverviewBackground ColorText ColorBorder ColorFontFont SizeOpacityLine HeightSpacingRadiusSizingShadowTimeMedia QueryZ-index
Accessibility
OverviewPattern
MaGIC Design Guideline
Governance & MaintenanceGuidelines Templates
ATOM
OverviewBackground ColorText ColorBorder ColorFontFont SizeOpacityLine HeightSpacingRadiusSizingShadowZ-index
MOLECULE
AccordionActivity TimelineAlertBreadcrumbsButtonsCards & BlocksHighlight BoxModalPanelSearchboxTagsImage BlockBlock QuoteField InputsTableUnordered ListOrdered ListSocial
ORGANISM
Dropdown NavigationHeaderGlobal NavigationTab SectionAccordion SliderFooterForm
TEMPLATE
Accessibility
OverviewPattern
MaGIC is an initiative by Ministry of Finance of Malaysia