VaKeR CYBER ARMY
Logo of a company Server : Apache/2.4.41 (Ubuntu)
System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64
User : www-data ( 33)
PHP Version : 7.4.33
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Directory :  /var/www/html/libs/absol-doc/content/acomp/component/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /var/www/html/libs/absol-doc/content/acomp/component/MSpringboardMenu.md
## [Demo](https://absol.cf/libs/absol-acomp/demo/mspringboardmenu.html)

| name        | type                                                                                    | desc                   |
|-------------|-----------------------------------------------------------------------------------------|------------------------|
| groups | `Array<{name:string, hidden: bool, items:Array<{name: string, icon: any, hidden?: bool}>}>` | Dữ liệu chính của menu |
| searching | `MSMSearchingData`                                                                        | Dữ liệu tìm kiếm |

### MSMSearchingItem
    * **name**: `string` - Tên item
    * **icon**: `any` - Icon của item
    * **hidden**: `bool` - Ẩn item
    * **items**: `Array<MSMSearchingItem>` - Các item con
    * **group**: `string` - nhận 2 giá trị là `"group"` hoặc `"item"`, mặc định không có là `"item" 

> Có thể truyền thêm các thuộc tính khác bất kì vào item để sử dụng

### MSMSearchingData
    * **items**: `Array<MSMSearchingItem>` - Dữ liệu cây tìm kiếm
    * **input**: `SearchTextInput` - là 1 element tag `searchtextinput`, nếu không truyền sẽ tạo 1 input mặc định và để trên cùng menu

### css class
    * `as-style-desktop`: chế độ desktop, group có header màu xanh
    * `am-style-simple`: chế độ đơn giản

### event  `press`
    Khi click vào item, bao gồm cả trong chế độ tìm kiếm
    Dữ liệu trong event gồm
    * **groupData**: dữ liệu của group được click
    * **itemData**: item được click

VaKeR 2022