TRAC® UI component inventory

42 components
Category Component Description
Form & InputText InputSingle-line for search, titles, metadata fields
Form & InputTextareaMulti-line for descriptions, comments, notes
Form & InputSelect / DropdownDocument type, status, department filters
Form & InputMulti-SelectTagging, assigning multiple categories
Form & InputCheckboxBulk selection, permissions toggles, filter options
Form & InputRadio ButtonSingle-choice options (e.g. access level)
Form & InputDate PickerUpload date, expiry, date range filters
Form & InputFile Upload (Dropzone)Drag-and-drop + click-to-browse
ActionButtonPrimary, secondary, disabled, icon-only variants
ActionAction ButtonDownload, delete, share, preview actions
ActionSplit ButtonPrimary action + dropdown of related actions
NavigationTabsSwitching between Details, Versions, Activity, Comments
NavigationTop App Bar / HeaderLogo, global search, user avatar, notifications
NavigationPaginationPage through large document lists
NavigationStepperMulti-step upload or approval workflow
Display & DataData TableSortable, selectable rows for document lists
Display & DataDocument CardThumbnail, name, metadata preview in grid view
Display & DataList Item RowCompact document entry for list view
Display & DataBadge / ChipTags, status labels (Draft, Approved, Expired)
Display & DataAvatarUser identity in comments, activity, and sharing
Display & DataTooltipContextual hints on icons and truncated text
Display & DataEmpty StateIllustrated placeholder when no documents exist
Overlay & FeedbackModal / DialogConfirmations, rename, share, metadata edit
Overlay & FeedbackDrawer / Side PanelDocument detail/preview panel sliding in from right
Overlay & FeedbackToast / SnackbarSuccess, error, and info notifications
Overlay & FeedbackAlert BannerWarnings (e.g. document expiring, access revoked)
Overlay & FeedbackProgress Bar / SpinnerUpload progress and loading states
Overlay & FeedbackSkeleton LoaderPlaceholder while document list loads
Overlay & FeedbackContext MenuRight-click actions (rename, move, delete, share)
Search & FilterSearch BarWith clear button and typeahead suggestions
Search & FilterFilter BarHorizontal row of active filter chips
Search & FilterFilter PanelCollapsible sidebar with faceted filter options
Search & FilterSort ControlColumn header sort or standalone sort dropdown
No components match this filter.