UHasselt Component Library
UHasselt Components
This is the component library for UHasselt.
Feel free to look around!
Search
components
Base
Colors
Fonts
Atoms
Avatar
Button
Date Block
Divider
Forms
Checkbox
Form
Input
Label
Radiobutton
Select
Textarea
Toggle
Heading
Icon
Image
Item Toggle
Link
Link External
Link Scroll Up
Map
Notification
Pager
Paragraph
Prev Next
Spacer
Table
Tag
Toggle Button
Video
Molecules
Accordion
Alert
Alert Banner
Alert Popup
Back To Top
Brands
Breadcrumbs
Call To Action
Card
Card Contact
Card List
Card Social
Contact List
Counter
Favorite Card
Featured Item
Image Slider
Inpage Nav
Link Block
Link Block Spotlight
Link List
Link List Education
Link List Items
Nav List
Nav List Item
Personal Info
Poll Result Item
Quote
Ranked
Search Field
Social
Study Info
Subnav
Tab Nav
Usp List
Usp Text
Vacancy Item
Organisms
Agenda Block
Article Card
Brands Overview
Brochure Newsletter
Card Slider
Contact Block
Contact Expertise
Content Block
Content Card Big
Content Header
Cta Block
Educations Accordion
Feed
Feed Message
Feed Reaction
Figures Facts
Footer
Homepage Header
Image Slider Block
Link List Overview
Multi Column Block
Multi Column Card Slider
Nav Desktop
Nav Desktop Intranet
Nav Mobile
Nav Mobile Intranet
Newsletter Block
Personal Info List
Photo Block
Poll
Poll Result
Post Message
React
React Reply
Rte Block
Search Filter
Spotlight
Study Card
Table Block
Tags Block
Travel Info
Usp Banner
Video Block
Wie Is Wie Search
Templates
Agenda Detail
Agenda Overview
Api Overview
Article Detail
Article Overview
Homepage
Intranet Agenda
Intranet Agenda Detail
Intranet Applications
Intranet Bulletin Board
Intranet Favorieten
Intranet Homepage
Intranet My Messages
Intranet News
Intranet News Detail
Intranet Person Administration
Intranet Vacatures
Intranet Vacatures Detail
Intranet Werktijden Overuren
Intranet Zoekresultaten
Standard Page
Standard Page Inpagenav
Study Detail
Study Overview
Vacancy Detail
Wie Is Wie Detail
Wie Is Wie Overview
App Base
App Colors
App Fonts
App Atoms
App Button
App Checkbox
App Date Picker
App Heading
App Icon
App Image
App Link
App Paragraph
App Select
App Table
App Textarea
App Molecules
App Absences Card
App Add Course
App Add Course Unit
App Akte Card
App Back To Top
App Breadcrumbs
App Indication Step
App Procedure Card
App Steps
App Tag
App Organisms
App Absences Overview
App Absences Period
App Akte Overview
App Footer
App Footer Edit
App Header
App Overview Select Educational
App Overview Select Exams
App Procedure Slider
App Templates
Mijn Afwezigheden
Afwezigheid
Editeren
Editeren Empty
Afwezigheid Toevoegen
Afwezigheid Succes
documentation
Overview
Information
Built on:
8/17/2022
Back
Avatar Variants
Black
Red
Button Variants
Black (Default)
White
Red
Gray
Green
White Border
Icon Right
White Sm
Red Submit
Date Block Variants
Vertical (Default)
Horizontal
Divider Variants
Md (Default)
Xs
Sm
Lg
Xl
Checkbox Variants
Default
Checked
Disabled
Checked Disabled
Input Variants
Default
Disabled
Invalid Text
Valid Text
Password
With Icon
Label Variants
Default
Invalid Label
Valid Label
Inline Label
Hidden Label
Radiobutton Variants
Default
Radio Checked
Radio Disabled
Radio Checked Disabled
Radio Red
Radio Description
Radio Inverted
Select Variants
Default
Select Disabled
Textarea Variants
Default
Input Disabled
Input Invalid
Input Valid
Toggle Variants
Default
Toggle Checked
Toggle Disabled
Toggle Checked Disabled
Heading Variants
Heading H1 (Default)
Heading H2
Heading H3
Heading H4
Heading H5
Heading H6
Heading Display
Heading Subtitle
Icon Variants
Default
Solid icon
Light icon
90° rotated icon
180° rotated icon
270° rotated icon
Horizontal flipped icon
Vertical flipped icon
Spinning icon
Pulse icon
XS icon
SM icon
LG icon
2X icon
3X icon
5X icon
3X icon
Item Toggle Variants
Default
Toggle Checked
Toggle Unchecked Text
Toggle Checked Disabled
Toggle Unchecked Disabled
Link Variants
Default
Icon Only
External
Icon Before
Icon After
Link External Variants
External
External Text
Paragraph Variants
Default
Intro
Prev Next Variants
Prev
Next
Prev Secondary
Next Secondary
Spacer Variants
Xs Spacer
Sm Spacer
Md Spacer
Lg Spacer
Xl Spacer
Table Variants
Table
Table With Header Row
Table With Header Col
Table With Header Row And Col
Tag Variants
Default
Tag Red
Tag Red Outline
Tag Red Round
Tag White Round
Tag Red Outline Sm
Tag Lg
Tag Sm
Tag Grey
Tag Grey Sm
Tag Lg Icon
Tag Icon
Tag Sm Icon
Toggle Button Variants
Default
Toggle Checked
Toggle Unchecked Text
Alert Variants
Alert Red
Alert Black
Alert White
Alert External Link
No Link Alert
Alert Popup Variants
Alert Red
Alert Black
Alert White
Card Variants
Card Full
Card News Detail
Card Detail
Card Title Top
Card No Image
Card List
Card Small
Card Tag
Card Cta
Card Quote
Card News
Card Contact Variants
Default
Large Image
Small
Small Btn
Card List Variants
Card List
List Simple
Card List Vertical
Card List No Border
Favorite Card Variants
Default
Favorite Card Icon
Favorite Card No Icon
Image Slider Variants
Default
Image Slider With Thumbnails
Inpage Nav Variants
Default
No Cta
Wiw
Link Block Variants
All Fields
Research Affiliates
Supervised Phds
Other Research Activities
Publication
Project
Innovation Knowledge
Service Society
Education
Courses
Search
Notification
Job Offer
Link List Variants
Link List Red
Link List Transparent Icons
Link List Transparent Icons Single
Link List Clear
Link List Transparent No Cta
Link List Transparent No Cta 12
Link List Transparent No Cta 6
Link List Red Simple
Link List Gray
Link List White
Link List White Red
Link List White Red No Button
Link List White No Button
Link List White Tag
Nav List Variants
Nav List Theme
Nav List Favo
Nav List Item Variants
Default
Nav List Plus
Nav List Arrow Right
Social Variants
Black Hortizontal
Black Vertical
Red Horizontal
Red Vertical
White Horizontal
White Vertical
Subnav Variants
Default
2 Columns
6 Columns
Usp List Variants
Usp List Red
Usp List White
Usp Text Variants
Usp Text White
Usp Text Black
Usp Text Without Text
Usp Text Without Text Icon Red
Usp Text Light
Usp Text Small
Usp Text Red Large
Content Block Variants
Content Block White Left
Content Block White Right
Content Block White Full
Content Block Red Left
Content Block Red Right
Content Block Red Full
Content Card Big Variants
Default
News Detail
Werktijden Overuren
Vacatures Detail
Content Header Variants
Content Header Red
Content Header White
Content Header White Like
Content Header Red Noimg
Content Header White Noimg
Content Header Intranet White
Content Header Intranet White Like
Content Header Intranet White Like Noparagraph
Content Header Intranet White Noimg
Content Header Intranet White Noimg Nobtn
Content Header Intranet White Noimg Info
Cta Block Variants
Cta Block Red
Cta Block White
Cta Block Red Noimg
Cta Block White Noimg
Footer Variants
Default
Footer Intranet
Newsletter Block Variants
Newsletter Block Red
Newsletter Block White
Search Filter Variants
Desktop
Filter Thema
Filter Thema Single Block
Mobile
Spotlight Variants
Spotlight
Spotlight No Subtext
Spotlight No Gradient No Content
Spotlight No Subtext No Button
Spotlight Nothing
Study Card Variants
Study Card With Image
Study Card No Image
Study Card No Text
Study Card Simple
Usp Banner Variants
Usp Banner Red
Usp Banner White
App Button Variants
Red (Default)
White
Gray
Icon Right
App Checkbox Variants
Default
Checked
Disabled
Checked Disabled
App Heading Variants
Heading H1 (Default)
Heading H2
Heading H3
Heading H4
Heading H5
Heading H6
Heading Display
Heading Subtitle
App Icon Variants
Default
Solid icon
Light icon
XS icon
SM icon
LG icon
2X icon
3X icon
5X icon
3X icon
App Link Variants
Default
External
Icon Before
Icon After
App Select Variants
Default
Select Disabled
App Table Variants
Select Exams
Select Educational
Edit Exams
Edit Educational
App Textarea Variants
Default
Input Disabled
Input Invalid
Input Valid
App Absences Card Variants
Ongoing
Previous
App Add Course Unit Variants
Add Course
Add Work
App Akte Card Variants
Preview Akte
Edit Akte
Empty Akte
App Tag Variants
Tag Applied
Tag Accept
Tag Reject
App Absences Overview Variants
Overview Ongoing
Overview Previous