Component Showcase

Design system components for the Student Research Portal

Buttons

Badges

DraftIn ReviewApprovedRejectedIn ProgressCompletedPending

Form Inputs

Password must be at least 8 characters

Cards

Simple Card

This is a basic card component

Card content goes here...

Hoverable Card

Hover over this card

This card has hover effects

Card with Footer

Has a footer section

Main content

Modal

Dropdown

Tabs

Overview content

Table

Project NameStatusDate
Project AlphaIn Progress2026-01-15
Project BetaCompleted2026-01-10
Project GammaDraft2026-01-08

Avatars

JD
JS
BJ
AB
CW
OU
OU
BU
AU
U1
U2
U3
U4
+2

Tags

Default TagPrimarySuccessErrorWarningRemovable

Toast Notifications

Empty State

No projects found

Get started by creating your first project