Attractions
Le gusta 1
A pretty cool UI kit for Svelte. 49 components and more to come.
Name | Attractions |
---|---|
Sitio web | github.io/... |
Size | 240.6 KB in size and only 57.3 KB gzipped |
Layout | |
AppShell | No |
Container | No |
Center | No |
Dark Mode / Lightswitch | No |
Footer | No |
Grid | No |
Group | No |
MediaQuery | No |
Navbar | No |
SimpleGrid | No |
Sidebar | No |
Space | No |
Stack | No |
Navigation | |
Anchor | No |
Breadcrumbs | Sí Breadcrumbs are used to indicate the current page's location in the navigation hierarchy, as well as to navigate through it. |
Burger | No |
Drawer (or Off-canvas) | No |
Pagination | Sí |
Seo | No |
Tabs | Sí |
Data Display | |
Accordion | Sí A controller for multiple collapsible elements, allowing either one open panel at a time or infinite. |
Avatar | No |
Badge | Sí A distinctive colored circle to bring attention to an element. |
Card | Sí A surface that stands out. |
Carousel | No |
Conic Gradients | No |
Dot | Sí A colorful dot to signal about all your important events. |
Divider | Sí A thin horizontal line used to separate sections and group content, with optional text to display in the middle. |
Dropdown | Sí Toggleable, contextual overlays for displaying additional details or actions. |
Image | No |
Image Lists / Gallery | No |
Kbd | No |
List Group | No |
Popover | Sí Extra content revealed on hover or focus within. |
Rating | Sí An input element used for rating with a number of stars. |
Table | Sí |
ThemeIcon | No |
Timeline | No |
TreeView | No |
Typography | Sí |
Video | No |
Inputs & Actions | |
ActionIcon | No |
Autocomplete | Sí A text field suggesting options to select. |
Button | Sí A clickable entity for all your controlling and linking needs. Comes in three flavours: filled, outline and flat. |
Button Group | |
Checkbox | Sí Make the checkbox round (and slightly larger). |
CheckboxGroup | Sí A group of checkboxes from an array of items to select. |
Chip | Sí Tiny piece of additional information. |
FileDropzone | Sí A large, prominent area for uploading files either by clicking or by dragging them into the area. |
FileInput | Sí A regular file input matching the theme of the kit. Comes with buttons to select and deselect files. |
Floating Label | No |
FormField | Sí A responsive form field skeleton – providing a way to label and describe the field. Note that this component doesn't add any form handling capabilities; it is merely presentational. |
Input | |
InputWrapper | |
Listboxes | |
NumberInput | No |
Radio Button | No |
RadioGroup | Sí |
Range | Sí An slider for selecting a value or a range. |
Search Input | |
Select | No |
Speed Dial | No |
Slider | Sí An slider for selecting a value or a range. |
Switch Toggle | Sí |
Textarea | No |
TextInput | Sí |
UnstyledButton | |
Dates | |
DatePicker | Sí A date picker that supports both text input and a dropdown calendar. |
TimePicker | Sí A time picker that supports both the text input and a dropdown with buttons. |
Calendario | Sí A calendar component representing a month with selectable days. |
Feedback | |
Alert | No |
Loading | Sí |
Notification / Toasts | No |
Snackbar | Sí A small snackbar to display status messages. |
SnackbarContainer | Sí The wrapper element creating a context to show snackbars. |
Linear Progress | No |
Progress Radials / Circular Progress | No |
Skeleton | No |
Spinner | No |
Overlay | |
Affix | No |
Menu | No |
Modal | Sí An overlay allowing any modal content to appear on the screen prominently. Works well with the Dialog component. |
Dialog | Sí A modal window that informs users about a task and can contain critical information or require actions. |
Overlay | No |
Tooltip | No |
Utils | |
Code blocks | |
Colors | No |
Close Button | No |
Label | No |
Local Storage Store | No |
Toolbar | No |
Svelte Actions / Hooks Library | |
use-move | No |
use-clipboard | No |
use-focus-trap | No |
Image Filters | No |
User reviews and comments