Overview
What is a System UI Component?
Section titled “What is a System UI Component?”ElyOS applications use unified user interface elements (UI components) that ensure consistent appearance and functionality throughout the system. These reusable components make navigation and system usage easier, as the same patterns repeat in every application.
Why Are These Components Important?
Section titled “Why Are These Components Important?”Once you learn these basic UI elements, you’ll navigate any ElyOS application more easily. For example:
- The data table seen in the Users application works the same way as in Notifications or Log applications
- The delete confirmation window looks and behaves the same in every application
- Success messages appear in a unified format
Main UI Components
Section titled “Main UI Components”Data Tables
Section titled “Data Tables”Data tables are one of the most commonly used components in ElyOS. They display lists in an organized, filterable, and paginated format.
Modal Windows
Section titled “Modal Windows”Modal windows are temporary pop-up windows that display important information or request confirmation from the user.
Types:
- Confirmation window: Confirm important actions (e.g., deletion)
- Custom window: Display more complex content (e.g., forms)
Toast Messages
Section titled “Toast Messages”Toast messages are brief, temporary notifications that appear in the top right corner of the screen. They provide feedback on performed actions.
Types: Success, error, warning, information
Consistency and Usability
Section titled “Consistency and Usability”All ElyOS applications use these components, so:
- Faster learning: Learn once, use everywhere
- Predictable behavior: Know what to expect
- Professional appearance: Unified design throughout the system
Next Steps
Section titled “Next Steps”Choose a component from the left menu to learn about its operation and usage in detail.