Elementi disponibili

Gli elementi visuali disponibili in ShadowUI sono i seguenti:

• struttura dell’applicazione: ShaMainView, ShaMainViewSticky, ShaSidebarContainer, ShaNavController
• struttura della pagina: ShaPage, ShaHeaderBar, ShaSidebar, ShaSidebarHeader, ShaSidebarContent, ShaSidebarFooter, ShaSidebarPageContainer
• sidebar e menu: ShaSidebarItem, ShaSidebarGroup, ShaMenubar, ShaMenubarTrigger, ShaMenubarItem, ShaMenubarCheckboxItem, ShaMenubarRadioGroup, ShaMenubarRadioItem, ShaMenubarSeparator
• navigazione: ShaBreadcrumb, ShaTabs, ShaTab
• griglie e card: ShaGrid, ShaRow, ShaCol, ShaCard, ShaCardHeader, ShaCardContent, ShaCardFooter
• tabelle: ShaTableElement (supporta table, tableHead, tableBody, tableFoot, tableRow, tableData, tableHeader, caption)
• testi, label e icone: ShaLabel, ShaBadge, ShaAlertBadge, ShaIcon, ShaAvatar
• controlli input: ShaButton, ShaInput, ShaCheckbox, ShaToggle, ShaSwitch, ShaRadioGroup, ShaRadioItem, ShaSelect, ShaCombobox, ShaDatePicker, ShaSlider, ShaInputOTP
• layout e contenitori: ShaSeparator, ShaAccordion, ShaCarousel, ShaProgress, ShaSkeleton
• dropdown menu: ShaDropdownMenu, ShaDropdownMenuItem, ShaDropdownMenuCheckboxItem, ShaDropdownMenuRadioGroup, ShaDropdownMenuRadioItem, ShaDropdownMenuLabel, ShaDropdownMenuSeparator, ShaDropdownMenuSub
• widget avanzati: ShaChart, ShaCalendar

Oltre a questi elementi è possibile utilizzare ogni altro elemento visuale disponibile, sia di tipo base che componenti finiti come mappe e grafici, e anche elementi personalizzati.

Nota bene: non è possibile aggiungere nella stessa applicazione altri framework grafici come ad esempio IonicUI o Bootstrap.

ShadowUI utilizza il set di icone Lucide Icons per default, un’evoluzione moderna di Feather Icons. È possibile aggiungere icon set personalizzati come verrà spiegato nei paragrafi successivi.

Le icone disponibili sono selezionabili visivamente mediante apposito dialog box: