jio-ribbon

Props

Prop name	Description	Type	Values	Default
showText	Whether to show the ministry and department text at all @values true, false	boolean	-
ministry	The name of the ministry	string	-	"Ministerie van Justitie en Veiligheid"
department	The name of the department	string	-	"Justitiële ICT Organisatie"

---

View on Gitlab

General

This component renders a ribbon with a logo, usually displayed at the top of a page. It is also possible to provide the text to be rendered.

View design in Figma

Code examples

A ribbon.

<template> <div class="jio-core"> <jio-ribbon ministry="Ministerie van Justitie en Veiligheid" department="Dienst Justitiële Inrichtingen" showText /> </div> </template>