|
60 | 60 | - [DateTimeInput](https://instructure.design/markdowns/DateTimeInput.md): Combines DateInput and TimeSelect for entering date-time values. Supports localization, validation, disabled dates, and layout options (stacked or columns). Includes reset functionality and context-aware formatting. |
61 | 61 | - [DrawerLayout](https://instructure.design/markdowns/DrawerLayout.md): A responsive layout component with a collapsible tray and content area. Tray can be placed at start or end and switches to overlay on small screens. Supports nested layouts and accessibility features. |
62 | 62 | - [Drilldown](https://instructure.design/markdowns/Drilldown.md): A hierarchical navigation component for tree structures. Supports pages, groups, selectable options, and in-place editing. Replaces flyout menus and TreeBrowser for better responsiveness and accessibility. |
63 | | -- [Editable](https://instructure.design/markdowns/Editable.md): Enables in-place editing of content. Manages state and transitions between view and edit modes. Provides render props for custom UI implementation. Used by InPlaceEdit. |
64 | 63 | - [InPlaceEdit](https://instructure.design/markdowns/InPlaceEdit.md): Enables inline editing of content with smooth transitions between view and edit modes. Provides controlled component pattern for mode management, custom renderers for viewer/editor components, and support for various layouts and read-only states. |
| 64 | +- [Editable](https://instructure.design/markdowns/Editable.md): Enables in-place editing of content. Manages state and transitions between view and edit modes. Provides render props for custom UI implementation. Used by InPlaceEdit. |
65 | 65 | - [FileDrop](https://instructure.design/markdowns/FileDrop.md): A drag-and-drop file upload component with browse functionality. Supports file type validation via MIME types/extensions, multiple file uploads, and visual feedback for accepted/rejected files. Includes accessibility features and customizable rendering for labels and error messages. |
66 | 66 | - [Flex](https://instructure.design/markdowns/Flex.md): A flexbox-based layout component for creating responsive multi-column designs. Supports directional layouts, gap control, item sizing (grow/shrink), alignment, and overflow handling. Includes visual debugging tools and common layout patterns like header-button combinations. |
67 | | -- [FormField](https://instructure.design/markdowns/FormField.md): A foundational component for building form inputs with consistent styling and layout. Supports stacked and inline layouts, validation messages, and accessibility features. Typically used internally by other form components rather than directly. |
68 | 67 | - [FormFieldGroup](https://instructure.design/markdowns/FormFieldGroup.md): Organizes multiple form fields into cohesive groups with consistent spacing and alignment. Supports various layouts (inline, columns, stacked) and provides validation messaging at the group level. Includes accessibility guidance against placeholder text. |
| 68 | +- [FormField](https://instructure.design/markdowns/FormField.md): A foundational component for building form inputs with consistent styling and layout. Supports stacked and inline layouts, validation messages, and accessibility features. Typically used internally by other form components rather than directly. |
69 | 69 | - [Grid](https://instructure.design/markdowns/Grid.md): A 12-column grid system for creating responsive layouts. Features breakpoint-based stacking, customizable column widths, spacing control, and alignment options. Supports visual debugging and common patterns like responsive header layouts. |
70 | 70 | - [Heading](https://instructure.design/markdowns/Heading.md): A typographic component for creating accessible headings with consistent styling. Supports semantic heading levels, color variants, borders, icons, and AI-specific styles. Includes important accessibility guidelines for proper heading hierarchy. |
71 | 71 | - [Img](https://instructure.design/markdowns/Img.md): An accessible image component with advanced features like color overlays, constraining options (cover/contain), and visual filters (grayscale/blur). Supports proper alt text implementation and follows accessibility guidelines for contextual vs. decorative images. |
|
0 commit comments