You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
More about how to handle user sessions in the [authentication component documentation](?component=authentication#component).
934
+
935
+
### Menu with icons
936
+
937
+
The "icon" attribute may be specified for items in the top menu and submenus to display an icon
938
+
before the title (or instead). Similarly, the "image" attribute defines a file-based icon. For
939
+
image-based icons, the "size" attribute may be specified at the top level of menu_item only to
940
+
reduce the size of image-based icons. The following snippet provides an example, which is also
941
+
available [here](examples/menu_icon.sql).
942
+
943
+
```sql
944
+
SELECT
945
+
''shell'' AS component,
946
+
''SQLPage'' AS title,
947
+
''database'' AS icon,
948
+
''/'' AS link,
949
+
TRUE AS fixed_top_menu,
950
+
''{"title":"About","icon": "settings","submenu":[{"link":"/safety.sql","title":"Security","icon": "logout"},{"link":"/performance.sql","title":"Performance"}]}'' AS menu_item,
951
+
''{"title":"Examples","image": "https://upload.wikimedia.org/wikipedia/en/6/6b/Terrestrial_globe.svg","submenu":[{"link":"/examples/tabs.sql","title":"Tabs","image": "https://upload.wikimedia.org/wikipedia/en/6/6b/Terrestrial_globe.svg"},{"link":"/examples/layouts.sql","title":"Layouts"}]}'' AS menu_item,
952
+
''{"title":"Examples","size":"sm","image": "https://upload.wikimedia.org/wikipedia/en/6/6b/Terrestrial_globe.svg","submenu":[{"link":"/examples/tabs.sql","title":"Tabs","image": "https://upload.wikimedia.org/wikipedia/en/6/6b/Terrestrial_globe.svg"},{"link":"/examples/layouts.sql","title":"Layouts"}]}'' AS menu_item,
953
+
''Official [SQLPage](https://sql.ophir.dev) documentation'' as footer;
0 commit comments