jorgwyckmansvl

@govflanders/eslint-config-vl

Vlaanderen ESlint

@govflanders/mbp-embed-sdk

Library to integrate designated pages into Mijn Burgerprofiel (App and Web).

@govflanders/vl-ui-alert

Use the alert (or notice) component to keep the user updated about important information.

@govflanders/vl-ui-contact-card

Use a contact card to display the contact details for a government service. By default a contact card contains the following fields: address, telephone, fax, e-mail, website, location (via Google Maps). This list can be expanded with extra fields.

@govflanders/vl-ui-contact-data

Use the contact data component to display contact details for a government service, a government official or to display an important notice/message in an infoblock.

@govflanders/vl-ui-content-footer

Use the content footer component at the bottom of a page to add extra navigation options or to trigger the user's interest in other content on your site.

@govflanders/vl-ui-core

The core of the component library contains all settings, variables, mixins, reset css and our strongest base component: the grid system.

@govflanders/vl-ui-data-table

Use a data table to display (large quantities of) related data in a structured way.

@govflanders/vl-ui-design-system-react-native

test

@govflanders/vl-ui-document

Use the document component to add a link to a file that the user can preview in a browser or can download. Edit the icon type to display the corresponding file type.

@govflanders/vl-ui-dropdown-navigation

Use the drop-down navigation component to add a drop-down icon next to a title. Selecting the icon displays a menu with links to browse the site.

@govflanders/vl-ui-equal-height

This JS-component makes elements of different sizes equal in height. This can be useful for grids or lists.

@govflanders/vl-ui-form-message

Use a form message to add labels, annotations or error messages to your forms.

@govflanders/vl-ui-form-validation

Form validation ensures that user input in forms is validated at the moment the form is being filled in. This on-change form validation is provided by default. It means that all fields are validated at the moment the content changes. This validation is al

@govflanders/vl-ui-functional-header

Display general page info such as a title, action, tab navigation or search without any distractions. Visible at the top of a page.

@govflanders/vl-ui-gallery

Use the gallery component to display one or more images in a tiled overview. You can easily combine the gallery component with the lightbox or slider components.

@govflanders/vl-ui-global-header-placeholder

Use this global header placeholder to set the correct height the global header will take once loaded.

@govflanders/vl-ui-image

Use the image component to display illustrations, graphics, drawings, photos, etc. on your site.

@govflanders/vl-ui-instagram-feed

Use the Instagram feed component to show images of an Instagram account.

@govflanders/vl-ui-layer-map

Map component which can display open layers.

@govflanders/vl-ui-lazyload

Use the lazyload component to load elements, such as images, on a page only when they are visible to the user. This decreases the page load time and reduces the amount of data exchanged between the server and client(s). Lazyloading increases the overall p

@govflanders/vl-ui-lightbox

Use a lightbox to allow the user to select an image and enlarge it.

@govflanders/vl-ui-map

Display a location on Google Maps.

@govflanders/vl-ui-news-slider

Combination of news teasers, a slider and drawers wrapped in a slider component.

@govflanders/vl-ui-person

Use the person component to display personal information about someone. That information can include a picture and a job title, for example.