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