Components

Message history, a multiline composer, pending delivery and recoverable drafts.

TextConversation

Native accessible media controls with optional seek restrictions and observed viewing coverage.

VideoPlayer

Sliding drilldown and Back navigation with native links or command menu semantics.

HierarchicalMenu

Search every owned public SVG icon and adjust sizing, stroke and accessible labels.

AccessTimeFilledIcon, AccountCircleIcon, AddIcon, ApartmentIcon, ArrowDropDownIcon, ArrowForwardIcon, AssignmentTurnedInIcon, AutoStoriesIcon, BookIcon, BrushIcon, BuildIcon, BusinessCenterIcon, CachedIcon, CalendarTodayIcon, CheckIcon, ChevronRightIcon, CircleIcon, CourseIcon, CloseIcon, CodeIcon, ComputerIcon, ContentCopyIcon, CorporateFareIcon, DashboardIcon, DeleteOutlineIcon, DescriptionIcon, DescriptionOutlinedIcon, DnsIcon, DragIndicatorIcon, EditIcon, EventIcon, ExpandLessIcon, ExpandMoreIcon, ExploreIcon, FactCheckOutlinedIcon, FilterListIcon, FontDownloadIcon, FormatAlignCenterIcon, FormatAlignJustifyIcon, FormatAlignLeftIcon, FormatAlignRightIcon, FormatBoldIcon, FormatClearIcon, FormatColorFillIcon, FormatColorTextIcon, FormatIndentDecreaseIcon, FormatIndentIncreaseIcon, FormatItalicIcon, FormatListBulletedIcon, FormatListNumberedIcon, FormatSizeIcon, FormatStrikethroughIcon, FormatUnderlinedIcon, GroupIcon, HighlightIcon, HeartIcon, HorizontalRuleIcon, ImageIcon, KeyboardArrowDownIcon, KeyboardArrowLeftIcon, LinkIcon, LockIcon, LockResetIcon, LogoutIcon, ManageAccountsIcon, MenuBookIcon, MenuBookOutlinedIcon, MoreHorizIcon, MoreVertIcon, PaidIcon, PeopleIcon, PersonIcon, PersonAddIcon, PhotoCameraBackIcon, QuizOutlinedIcon, RedoIcon, RemoveIcon, SchoolIcon, ScienceOutlinedIcon, SearchIcon, SortIcon, StarIcon, SubscriptIcon, SuperscriptIcon, TaskAltIcon, TerminalIcon, TranslateIcon, TuneIcon, UndoIcon, UploadFileIcon, ViewColumnIcon, ViewListIcon, ViewWeekIcon, VisibilityOffIcon, VpnKeyIcon, WindowIcon, WorkOutlineOutlinedIcon, getActivityTypeIcon

Trigger an action with a labelled button, optional icons and native interaction states.

Button

Controlled overlay dismissal and explicitly host-owned actions.

Dialog

Anchored supplementary content with keyboard dismissal.

Popover

Host-controlled active panel, orientation and keyboard activation.

Tabs

Visual roles are independent of native text semantics.

Typography

Native semantic wrapper with spacing and readable container width.

Box

Responsive spacing, alignment and wrapping for composed content.

Stack

Shared surface elevation, tone and spacing.

Surface

Semantic cards with shared surfaces and padded content.

Card, CardContent

Semantic or decorative separators in horizontal and vertical layouts.

Divider

An accessible action name is required even when only an icon is visible.

IconButton

Group related native actions without changing their interaction semantics.

ButtonGroup

Host-owned actions, checked items, disabled commands and shortcuts.

Menu

A primary command and secondary menu share a neutral action group.

SplitAction

Native external navigation and host adapter routing for internal links.

Link

A named navigation landmark with a non-link current item.

Breadcrumbs

Plain supplementary descriptions for pointer and keyboard focus.

Tooltip

Native list semantics with optional selectable actions and secondary text.

List, ListItem, ListItemButton, ListItemText, ListItemIcon

Route ownership remains with the host; current links expose aria-current.

Navigation, NavigationItem

Expandable regions with controlled state and optional child unmounting.

Disclosure

Host-owned visibility preserves children by default.

Collapse

Presentation labels with owned tone, variant and local density.

Chip

Host-formatted counts remain accessible without automatic capping.

Badge

Determinate and unknown-work progress with meaningful accessible labels.

Progress, CircularProgress, LinearProgress

Opt-in announcements for meaningful host state changes.

Status

Named or decorative identities with stable fallback content.

Avatar

Native tabular content with captions, scoped headers and alignment.

Table, TableCaption, TableHead, TableBody, TableFoot, TableRow, TableCell, TableHeaderCell

Zero-based host state, known or unknown totals and page-size reset.

Pagination

Production interaction scope with owned density and direction.

Provider

Nested visual scopes preserve the selected demo identity while changing density.

ThemeScope

All-at-once or sequential questions with optional Back navigation and host-owned responses.

Survey

Question shells with choice, text, rating or custom answers and optional feedback.

SurveyQuestion

Optional host-revealed answer explanations, independent of field validation.

AnswerFeedback

Shared message placement defaults with nested scopes and individual field overrides.

FormFieldScope

Inline month choices shared by calendar navigation and period selection.

MonthPicker

Four-column scrolling year choices, with optional pagination or typed entry.

YearPicker

Select a whole week, month, quarter or year.

PeriodPicker

Local start/end datetime drafting with minute increments and atomic Apply.

DateTimeRangePicker

Compare a primary interval with a previous period, previous year or custom range.

DateRangeComparisonPicker

Reusable search with clear action, alias matching, portaled results and keyboard navigation.

SearchField

Single-line inputs with controlled values, native validation and input-type variations.

TextField

Multiline content, configurable rows, descriptions and native form participation.

TextArea

Choose stable host option IDs using an accessible popup selector.

Select

Search locally supplied options with keyboard selection and controlled host state.

ComboBox, Autocomplete

A combined text field and select with aliases, forgiving search and an optional search field inside the dropdown.

SearchableSelect

Search and select multiple records with loading, error, retry and retained selections.

AsyncMultiSelect

Binary and mixed choices with validation, descriptions and named form values.

Checkbox

A controlled binary preference with descriptive and read-only states.

Switch

Mutually exclusive choices with orientation, disabled options and validation.

RadioGroup

Pressed-state actions with host-controlled selection and local density.

ToggleButton

Single-answer ratings with stars, numbers, labels and shared or per-answer custom icon groups.

Rating

Single values, numeric ranges and multiple thresholds with accessible keyboard and pointer input.

Slider

Single or multiple pressed actions with empty-selection and orientation controls.

ToggleButtonGroup

Host-owned removable tags with neutral and primary tones and empty content.

TagGroup

Segmented ISO date and local datetime inputs with bounds and hour-cycle controls.

DateField

Flexible time text entry with a selection dropdown, business-hour limits and 12/24-hour presentation.

TimeField

One to three months with single/multiple selection and host availability explanations.

Calendar

Flexible date text entry and a scoped calendar popup with clear and availability handling.

DatePicker

An input component for selecting a range of dates.

DateRangePicker

Inline range drafting, named preset descriptions, Apply and Cancel transactions.

DateRangeSelector, getRelativeDateRange, getDateRangeLength

Dialog sizes, dismissal options and host-owned forms.

AppModal

An icon-only rail with sliding, independently owned workspace panels.

IconPanelNavigation

A presentation shell for host-owned authentication forms, without account APIs.

AuthShell

Independent navigation and main content regions for application compositions.

AppShell

Hierarchy, breadcrumbs, metadata and host-owned actions.

AppPageHeader

Controlled panels with automatic or manual keyboard activation.

AppPageTabs

Host-owned page selection, rename, reorder, creation and removal.

ExperiencePageNavigator

Direct destinations, expanding groups and sliding drilldown levels in one host-supplied menu.

SideNavigation

Inline title editing with save/cancel and read-only presentation.

EditableTitleField

Compose document title, actions and toolbar around host-owned content.

DocumentEditorLayout

Controlled heading, formatting and zoom state with explicit command availability.

DocumentEditorToolbar

An editable document title with anchor-aware menu commands.

ContentEditorChrome

Select text in the integrated Lexical editor; Alt+F10 focuses its floating formatting actions.

FloatingTextSelectionToolbar

Host-controlled formatting commands, checked states and optional control groups.

RichTextFormattingToolbar

Insertion commands request host-owned changes rather than saving content themselves.

InsertContentMenuControl

Physical and logical alignment with host-controlled indent bounds.

TextAlignMenuControl

Semantic colors and custom hex values, with separate foreground/background modes.

TextColorPickerControl

Case conversion and checked formatting state with explicit host callbacks.

TextStyleMenuControl

A fresh layout draft on opening with a host-owned insertion result.

ColumnsLayoutModal

Editable link text and protocol policy, including relative URLs and removing links.

LinkUrlModal

Picker/drop presentation, optional descriptions, retryable errors and host-owned upload.

ImageUploadModal

A controlled rich-document editor with formatting, insertion and read-only presentation.

PageRichTextEditorSection

Connect SGUI navigation to host-owned route state without a framework dependency.

SGNavigationProvider

Native anchor semantics with an optional host router, including replace and download behavior.

SGLink

Supply local account selection and logout operations; credentials and persistence remain host-owned.

SGAccountProvider

Supply host translations, ICU values and locale with deterministic English fallbacks.

SGTranslationProvider

Finite progress, widths and completion states.

AppInlineProgress

Host-owned operation states, labels and errors.

AppOperationSteps

Controlled page sizes, known and unknown totals.

AppPaginationFooter

Course-card slots, widths and long content.

CourseCardFrame

Course status, learner counts and instructor actions.

InstructorCourseCard

Progress, deadlines and host continuation callbacks.

LearnerCourseCard

One owner for card pagination and loading/empty content.

CardCollectionWithFooter

Owned selection, sorting, filtering, columns and paging.

AppDataGrid, createDataGridColumns, createActionMenuColumn

Shared toolbar state, cards/list mode and criteria.

AppDataGridShell

Controlled search, sort/filter menus, columns and refresh.

DataToolbar

Host selection commands and mixed states.

DataToolbarSelectionMenu

Named drag handles and complete-dataset Move requests.

DataGridDragHandle

Search, sorting, flexible columns and pagination for host-owned course data.

DataGrid

Grouped-row headings and supporting content.

RowSubHeader

Admin/instructor factories, canonical statuses and host translations.

createAdminCourseGridOptions, createAdminPeopleGridOptions, createInstructorCourseGridOptions, createInstructorCourseLearnersGridOptions