Site web | skeleton.dev |
---|
Size | |
---|
Layout | |
---|
AppShell | Oui Responsive shell for controlling application layout. |
---|
Container | Non |
---|
Center | Non |
---|
Dark Mode / Lightswitch | Oui Allows users to toggle between light and dark themes using Tailwind's dark mode feature. |
---|
Footer | Non |
---|
Grid | Non |
---|
Group | Non |
---|
MediaQuery | Non |
---|
Navbar | Oui App Bar : A header element for the top of your page layout. Pairs well with the App Shell. |
---|
SimpleGrid | Non |
---|
Sidebar | Oui App Rail : A side navigation rail component |
---|
Space | Non |
---|
Stack | Non |
---|
Navigation | |
---|
Anchor | Non |
---|
Breadcrumbs | Oui Displays the current navigation hierarchy. |
---|
Burger | Non |
---|
Drawer (or Off-canvas) | Oui Displays an overlay panel that attaches to any side of the screen. |
---|
Pagination | Oui Navigate between multiple pages of content. |
---|
Seo | Non |
---|
Tabs | Oui Use tabs to quickly switch between different views. |
---|
Data Display | |
---|
Accordion | Oui Divide content into collapsible sections. |
---|
Avatar | Oui Display user avatars with an image or initials. |
---|
Badge | Non |
---|
Card | Non |
---|
Carousel | Non |
---|
Conic Gradients | Oui Create conic gradient data visualizations for pie charts, loading spinners, and more. |
---|
Dot | |
---|
Divider | Oui Horizontal or vertical rules for sectioning your content. |
---|
Dropdown | Non |
---|
Image | Non |
---|
Image Lists / Gallery | Non |
---|
Kbd | Non |
---|
List Group | Oui |
---|
Popover | Non |
---|
Rating | Non |
---|
Table | Oui Utilize a data-driven model to create simple presentational tables. A set of utility features for creating template-driven data tables. |
---|
ThemeIcon | Non |
---|
Timeline | Oui Steppers: Divide and present content in sequenced steps. This Step component uses the locked property, which can prevent progress. |
---|
TreeView | Non |
---|
Typography | Oui Gradient Headings |
---|
Video | Non |
---|
Inputs & Actions | |
---|
ActionIcon | Non |
---|
Autocomplete | Non |
---|
Button | Non |
---|
Button Group | Non |
---|
Checkbox | Non |
---|
CheckboxGroup | Non |
---|
Chip | Non |
---|
FileDropzone | Oui Allow upload of files with drag and drop. |
---|
FileInput | Oui FileButton : Allows you to select files with a single click. |
---|
Floating Label | Non |
---|
FormField | Non |
---|
Input | Non |
---|
InputWrapper | Non |
---|
Listboxes | Oui Interactive listboxes that maintain selection state. |
---|
NumberInput | Non |
---|
Radio Button | Non |
---|
RadioGroup | Oui Capture feedback limited to a small set of options. |
---|
Range | Oui Capture input from a range of values, including optional ticks. |
---|
Search Input | Non |
---|
Select | Non |
---|
Speed Dial | Non |
---|
Slider | Non |
---|
Switch Toggle | Oui A sliding toggle element that can capture input from a user. |
---|
Textarea | Non |
---|
TextInput | Non |
---|
UnstyledButton | |
---|
Dates | |
---|
DatePicker | Non |
---|
TimePicker | Non |
---|
Calendrier | Non |
---|
Feedback | |
---|
Alert | Oui Display customizable alerts to garner attention and provide critical actions. |
---|
Loading | Non |
---|
Notification / Toasts | Oui Simple notifications utilizing a dynamic queue system. |
---|
Snackbar | Non |
---|
SnackbarContainer | Non |
---|
Linear Progress | Oui An indicator showing the progress or completion of a task. |
---|
Progress Radials / Circular Progress | Oui Displays a radial indicator showing the progress or completion of a task. |
---|
Skeleton | Non |
---|
Spinner | Non |
---|
Overlay | |
---|
Affix | Non |
---|
Menu | Oui Provides quick context menus when you tap the trigger element. |
---|
Modal | Oui High priority dialogs and modals using a dynamic queue system. |
---|
Dialog | Oui High priority dialogs and modals using a dynamic queue system. |
---|
Overlay | Non |
---|
Tooltip | Oui Informative tooltips that render on mouse over. |
---|
Utils | |
---|
Code blocks | Oui Displays pre-formatted source code, with optional support for Highlight.js syntax highlighting. |
---|
Colors | Non |
---|
Close Button | Non |
---|
Label | Non |
---|
Local Storage Store | Oui An extended version of the Svelte writable store that includes pub/sub to local storage. |
---|
Toolbar | Non |
---|
Svelte Actions / Hooks Library | |
---|
use-move | Non |
---|
use-clipboard | Oui Allows you to quickly copy select data to the clipboard. |
---|
use-focus-trap | Oui Allows you to contain focus within elements on-demand. |
---|
Image Filters | Oui Applies a set of unique SVG filters. Best used with images, but also available to select components, such as Avatars. |
---|
Avis utilisateurs et commentaires