Header

Header

An accordion allows a user to toggle the display of a section of content.

Home / Programs

No content has been added for this component.

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 & Maintenance Guidelines Templates

Components (MOLECULE)

Accordion Activity Timeline Alert Breadcrumbs Buttons Cards & Blocks Footer Global Navigation Modal Panel Searchbox

Utilities (ORGANISM)

Allignment Border Box Description List Floats Grid Horizontal List Hypernation Interactions Layout Margin Media Object Name Value List Padding Position Scrollable Sizing Text Themes Vertical List Visibility

Guidelines (TEMPLATE)

Animation Color Data Entry Displaying Data Layout Loading Localization Markup and Style Messaging Navigation Typography Voice and Tone

Design Token (ATOM)

Overview Background Color Text Color Border Color Font Font Size Opacity Line Height Spacing Radius Sizing Shadow Time Media Query Z-index

Accessibility

Overview Pattern

MaGIC Design Guideline

Governance & Maintenance Guidelines Templates

ATOM

Overview Background Color Text Color Border Color Font Font Size Opacity Line Height Spacing Radius Sizing Shadow Z-index

MOLECULE

Accordion Activity Timeline Alert Breadcrumbs Buttons Cards & Blocks Highlight Box Modal Panel Searchbox Tags Image Block Block Quote Field Inputs Table Unordered List Ordered List Social

ORGANISM

Dropdown Navigation Header Global Navigation Tab Section Accordion Slider Footer Form

TEMPLATE

Accessibility

Overview Pattern

MaGIC is an initiative by Ministry of Finance of Malaysia