LPDP GRONINGEN / COMPONENTS

Buttons & Actions

Action hierarchy from the canonical website PRD, not newly invented variants.

Rule grounded in canonical policy · page itself may await approval · Updated 2026-10-31

Established hierarchy

Primary: Navy/white; secondary: neutral surface with semantic border; tertiary: text action; danger: genuine danger only; utility: copy/download/open. Use one dominant action per cluster.

Specimen code, not a new component library

The example uses existing brand-portal classes. The public website uses its own button component family; this snippet must not be copied to replace the canonical website implementation.

<a class="button button-primary" href="/resources/downloads/">Lihat unduhan</a>