InstUI design tokens, themes, components, and interactions.
Instructure Alert component styled with semantic .instui-alert classes.
Instructure Avatar component styled with semantic .instui-avatar classes.
Instructure Badge component styled with semantic .instui-badge classes.
Instructure Billboard component styled with semantic .instui-billboard classes.
Instructure Breadcrumb component styled with semantic .instui-breadcrumb classes.
Instructure Breadcrumb.link component styled with semantic .instui-breadcrumb.link classes.
Instructure Button component styled with semantic .instui-button classes.
Instructure Byline component styled with semantic .instui-byline classes.
Instructure Calendar component styled with semantic .instui-calendar classes.
Instructure Calendar.day component styled with semantic .instui-calendar.day classes.
Canvas LMS High Contrast theme variables for WCAG AAA compliance.
Instructure Canvas LMS theme variables bridging to shadcn/ui custom properties.
Instructure Checkbox component styled with semantic .instui-checkbox classes.
Instructure Close-button component styled with semantic .instui-close-button classes.
Instructure Context-view component styled with semantic .instui-context-view classes.
Instructure Drawer-layout component styled with semantic .instui-drawer-layout classes.
Instructure Drawer-layout.content component styled with semantic .instui-drawer-layout.content classes.
Instructure Drawer-layout.tray component styled with semantic .instui-drawer-layout.tray classes.
Instructure File-drop component styled with semantic .instui-file-drop classes.
Instructure Form-field component styled with semantic .instui-form-field classes.
Instructure Form-field-group component styled with semantic .instui-form-field-group classes.
Instructure Form-field-messages component styled with semantic .instui-form-field-messages classes.
Instructure Heading component styled with semantic .instui-heading classes.
Instructure Icon component styled with semantic .instui-icon classes.
Instructure Img component styled with semantic .instui-img classes.
Instructure In-place-edit component styled with semantic .instui-in-place-edit classes.
Instructure Input-group component styled with semantic .instui-input-group classes.
React hook wrapping @pantoken/interactions modal behavior with keyboard navigation and focus trapping.
Modern Instructure brand theme variables.
React hook wrapping @pantoken/interactions tooltip positioning and accessibility.
Instructure Link component styled with semantic .instui-link classes.
Instructure List component styled with semantic .instui-list classes.
Instructure List.item component styled with semantic .instui-list.item classes.
Instructure Mask component styled with semantic .instui-mask classes.
Instructure Menu component styled with semantic .instui-menu classes.
Instructure Menu.group component styled with semantic .instui-menu.group classes.
Instructure Menu.item component styled with semantic .instui-menu.item classes.
Instructure Menu.separator component styled with semantic .instui-menu.separator classes.
Instructure Metric component styled with semantic .instui-metric classes.
Instructure Modal component styled with semantic .instui-modal classes.
Instructure Modal.body component styled with semantic .instui-modal.body classes.
Instructure Modal.footer component styled with semantic .instui-modal.footer classes.
Instructure Modal.header component styled with semantic .instui-modal.header classes.
Instructure Number-input component styled with semantic .instui-number-input classes.
Instructure Pagination component styled with semantic .instui-pagination classes.
Instructure Pagination.page component styled with semantic .instui-pagination.page classes.
Pantoken core design token system, CSS custom properties, and semantic components.
Instructure Pill component styled with semantic .instui-pill classes.