Svelteui.org
J'aime 6
SvelteUI includes more than 50+ customizable components. All
SvelteUI packages are built with TypeScript and support it by
default.
Nom | Svelteui.org |
|---|---|
| Site web | svelteui.org |
| Size | |
| Layout | |
| AppShell | Oui Responsive shell for your application with header, navbar, sidebar, and footer |
| Container | Oui Center content horizontally with predefined max-width |
| Center | Oui Centers content vertically and horizontally |
| Dark Mode / Lightswitch | Non |
| Footer | Oui AppShell component |
| Grid | Oui Flexbox grid with variable amount of columns |
| Group | Oui Compose elements and components in a horizontal flex container |
| MediaQuery | Oui Apply styles to children if media query matches |
| Navbar | Oui AppShell component |
| SimpleGrid | Oui Responsive grid where each item takes equal amount of space |
| Sidebar | Oui AppShell component |
| Space | Oui Add horizontal or vertical spacing from theme |
| Stack | Oui Compose elements and components in vertical flex container |
| Navigation | |
| Anchor | Oui Display links with theme styles |
| Breadcrumbs | Non |
| Burger | Oui The Burger component renders an open/close menu button. |
| Drawer (or Off-canvas) | Non |
| Pagination | Non |
| Seo | Oui Manage your SEO information |
| Tabs | Oui Display links with theme styles |
| Data Display | |
| Accordion | Non |
| Avatar | Non |
| Badge | Oui |
| Card | Non |
| Carousel | Non |
| Conic Gradients | Non |
| Dot | Non |
| Divider | Oui Horizontal line with optional label or vertical divider, with label... |
| Dropdown | Non |
| Image | Oui Image with optional placeholder for loading and error state, BackgroundImage, radius... |
| Image Lists / Gallery | Non |
| Kbd | Oui Display keyboard button or keys combination |
| List Group | Non |
| Popover | Non |
| Rating | Non |
| Table | Non |
| ThemeIcon | Oui Render icon inside element with theme colors |
| Timeline | Oui Display list of events in chronological order |
| TreeView | Non |
| Typography | Oui Display text and links with theme styles or gradient |
| Video | Non |
| Inputs & Actions | |
| ActionIcon | Oui |
| Autocomplete | Non |
| Button | Oui |
| Button Group | |
| Checkbox | Oui Custom icon, Indeterminate checkbox, 5 predefined sizes... |
| CheckboxGroup | Oui |
| Chip | Oui Pick one or multiple values (States, ChipGroup) |
| FileDropzone | Non |
| FileInput | Non |
| Floating Label | Non |
| FormField | |
| Input | Oui render an icon, TextInput... |
| InputWrapper | Oui InputWrapper is used to wrap all SvelteUI inputs |
| Listboxes | |
| NumberInput | Oui Number input with optional controls |
| Radio Button | |
| RadioGroup | |
| Range | Non |
| Search Input | |
| Select | Oui NativeSelect : Capture user feedback limited to large set of options |
| Speed Dial | Non |
| Slider | Non |
| Switch Toggle | Oui Capture boolean input from user, Inner labels and Size |
| Textarea | Non |
| TextInput | Oui Text input with descriptions, with icon, right section... |
| UnstyledButton | Oui Render button with no theme colors |
| Dates | |
| DatePicker | Non |
| TimePicker | Non |
| Calendrier | - coming soon |
| Feedback | |
| Alert | Oui Attract user attention with an important message |
| Loading | Oui Indicate loading state |
| Notification / Toasts | Oui Attract user attention with an important message (with icon...) |
| Snackbar | Non |
| SnackbarContainer | Non |
| Linear Progress | Oui Give user feedback for status of the task |
| Progress Radials / Circular Progress | Non |
| Skeleton | Oui Indicate content loading state |
| Spinner | Non |
| Overlay | |
| Affix | Oui Render Svelte component inside portal at fixed position |
| Menu | Oui Combine a list of secondary actions into single interactive area, icon, hover... |
| Modal | Oui Modal with optional header |
| Dialog | Oui |
| Overlay | Oui Overlays given element with div element with any color and opacity |
| Tooltip | Oui Renders tooltip at given element on mouse over or any other event (Tooltip arrow...) |
| Utils | |
| Code blocks | Oui Prism : Code highlight with SvelteUI theme colors and styles |
| Colors | Non |
| Close Button | Non |
| Label | Non |
| Local Storage Store | |
| Toolbar | Non |
| Svelte Actions / Hooks Library | |
| use-move | Oui Handles the movement of an element based on mouse and touch events |
| use-clipboard | Oui Copies text to the clipboard when DOM element is clicked |
| use-focus-trap | Oui Traps the focus inside the given DOM node |
| Image Filters | Non |
Avis utilisateurs et commentaires