Navigation Elements – Click items in navigation menus, sidebars, or tab bars to move between different sections. For example, clicking "Students" in the sidebar takes you to the student management screen, while clicking "Dashboard" returns you to the main view. These navigations work automatically based on Moonchild's understanding of common UI patterns.
Buttons and CTAs – Click the action buttons like "Add New Student,” "Generate Report,” or "Send Announcement" to trigger their associated actions. Primary CTAs might open forms or modals or navigate to new screens. Moonchild recognizes button context from your design and creates appropriate interactions—a "Submit" button might show a success message, while a "Cancel" button returns to the previous screen.
Form Interactions – Type in search bars, input fields, and text areas to test form functionality. Click checkboxes, select dropdown options, and interact with date pickers just as users would. Forms can accept real input during prototyping, letting you test whether the layout and flow make sense. Some forms may trigger validation messages or success states when submitted.
Interactive Data – Click data visualizations such as charts, tables, or cards to explore their interactive elements. Links within content areas, expandable sections, and clickable list items all respond to interaction. The prototype maintains state during your session, so actions you take persist as you navigate through screens.