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:
