Design system · released package 0.6.2
Actions, status, fields and overlays from the package
Static captures use mock portal data. Click a preview to inspect it at full size. Exact props come from the released package declarations or the owning portal source.
Use the component for this visual pattern; the consumer supplies data and workflow decisions.
@raisd-campus/design-system/ui/button @raisd-campus/design-system/ui/badge @raisd-campus/design-system/system/status-indicator · Versioned catalogue
Enabled triggers use a pointer cursor; disabled interaction and header geometry remain unchanged. Consumers supply title typography. Read-only file values can use the standard DetailField label/value columns with FileUploadField as their value.
@raisd-campus/design-system/ui/accordion · Versioned catalogue
Use the component for this visual pattern; the consumer supplies data and workflow decisions.
@raisd-campus/design-system/system/form-grid · Versioned catalogue
Standard single-line inputs use 36px height, 14px text and 20px line height on phone, tablet and desktop, including coarse pointers.
@raisd-campus/design-system/ui/input · Versioned catalogue
Use the component for this visual pattern; the consumer supplies data and workflow decisions.
@raisd-campus/design-system/ui/textarea · Versioned catalogue
Date triggers use the standard 36px height, 14px text and 20px line height in all views and pointer modes. Calendar interaction and focus return remain shared.
@raisd-campus/design-system/ui/date-picker · Versioned catalogue
Dropdown triggers use 36px height, 14px text and 20px line height in all views and pointer modes, with data-slot=dropdown-select-trigger.
@raisd-campus/design-system/ui/dropdown-select · Versioned catalogue
Use the component for this visual pattern; the consumer supplies data and workflow decisions.
@raisd-campus/design-system/system/semester-selector · Versioned catalogue
Use the component for this visual pattern; the consumer supplies data and workflow decisions.
@raisd-campus/design-system/system/file-link · Versioned catalogue
Use the component for this visual pattern; the consumer supplies data and workflow decisions.
@raisd-campus/design-system/system/form-row-actions · Versioned catalogue
Use the component for this visual pattern; the consumer supplies data and workflow decisions.
@raisd-campus/design-system/ui/dialog @raisd-campus/design-system/system/popup @raisd-campus/design-system/system/media-preview-lightbox · Versioned catalogue
Input, DropdownSelect and DatePicker share 36px height, 14px text and 20px line height across all views and pointer types, including disabled, invalid and read-only states. Textareas retain multiline height; other touch controls retain their existing targets.
@raisd-campus/design-system/ui/input @raisd-campus/design-system/ui/dropdown-select @raisd-campus/design-system/ui/date-picker @raisd-campus/design-system/ui/textarea · Versioned catalogue
Control Plane