{ "links": [ { "title": "Website", "url": "https://tabler.io", "icon": "world" }, { "title": "Preview", "url": "https://preview.tabler.io", "icon": "layout-dashboard" }, { "title": "Support", "url": "https://tabler.io/support", "icon": "headset" } ], "menu": [ { "title": "Tabler UI", "children": [ { "title": "Introduction", "url": "/ui/getting-started/", "children": [ { "title": "Installation", "url": "/ui/getting-started/installation/" }, { "title": "FAQ", "url": "/ui/getting-started/faq/" }, { "title": "3rd-party Libraries & Resources", "url": "/ui/getting-started/references/" }, { "title": "Browser Support", "url": "/ui/getting-started/browser-support/" }, { "title": "Customize Tabler", "url": "/ui/getting-started/customize/" }, { "title": "Download", "url": "/ui/getting-started/download/" }, { "title": "How to Contribute", "url": "/ui/getting-started/how-to-contribute/" }, { "title": "Tabler License", "url": "/ui/getting-started/license/" } ] }, { "title": "Frameworks", "url": "/ui/getting-started/frameworks/", "children": [ { "title": "Laravel", "url": "/ui/getting-started/frameworks/laravel/" }, { "title": "React", "url": "/ui/getting-started/frameworks/react/" }, { "title": "Next.js", "url": "/ui/getting-started/frameworks/nextjs/" }, { "title": "Vue", "url": "/ui/getting-started/frameworks/vue/" }, { "title": "Angular", "url": "/ui/getting-started/frameworks/angular/" }, { "title": "Nuxt", "url": "/ui/getting-started/frameworks/nuxt/" }, { "title": "Symfony", "url": "/ui/getting-started/frameworks/symfony/" }, { "title": "Django", "url": "/ui/getting-started/frameworks/django/" }, { "title": "Rails", "url": "/ui/getting-started/frameworks/rails/" }, { "title": "SvelteKit", "url": "/ui/getting-started/frameworks/sveltekit/" }, { "title": "Astro", "url": "/ui/getting-started/frameworks/astro/" } ] }, { "title": "Base", "url": "/ui/base/", "children": [ { "title": "Colors", "url": "/ui/base/colors/" }, { "title": "Markdown", "url": "/ui/base/markdown/" }, { "title": "Prose", "url": "/ui/base/prose/" }, { "title": "Typography", "url": "/ui/base/typography/" } ] }, { "title": "Layout", "url": "/ui/layout/", "children": [ { "title": "Navbars", "url": "/ui/layout/navbars/" }, { "title": "Navs and tabs", "url": "/ui/layout/navs-tabs/" }, { "title": "Page headers", "url": "/ui/layout/page-headers/" }, { "title": "Page layouts", "url": "/ui/layout/page-layouts/" } ] }, { "title": "Components", "url": "/ui/components/", "children": [ { "title": "Accordion", "url": "/ui/components/accordion/" }, { "title": "Alert", "url": "/ui/components/alert/" }, { "title": "Autosize", "url": "/ui/components/autosize/" }, { "title": "Avatar", "url": "/ui/components/avatar/" }, { "title": "Badge", "url": "/ui/components/badge/" }, { "title": "Breadcrumb", "url": "/ui/components/breadcrumb/" }, { "title": "Button", "url": "/ui/components/button/" }, { "title": "Card", "url": "/ui/components/card/" }, { "title": "Card gradient", "url": "/ui/components/card-gradient/" }, { "title": "Carousel", "url": "/ui/components/carousel/" }, { "title": "Chart", "url": "/ui/components/chart/" }, { "title": "Countup", "url": "/ui/components/countup/" }, { "title": "Data grid", "url": "/ui/components/datagrid/" }, { "title": "Divider", "url": "/ui/components/divider/" }, { "title": "Dropdown", "url": "/ui/components/dropdown/" }, { "title": "Dropzone", "url": "/ui/components/dropzone/" }, { "title": "Empty State", "url": "/ui/components/empty/" }, { "title": "Icon", "url": "/ui/components/icon/" }, { "title": "Inline player", "url": "/ui/components/inline-player/" }, { "title": "Lightbox", "url": "/ui/components/lightbox/" }, { "title": "Map", "url": "/ui/components/map/" }, { "title": "Modal", "url": "/ui/components/modal/" }, { "title": "Offcanvas", "url": "/ui/components/offcanvas/" }, { "title": "Pagination", "url": "/ui/components/pagination/" }, { "title": "Placeholder", "url": "/ui/components/placeholder/" }, { "title": "Popover", "url": "/ui/components/popover/" }, { "title": "Progress Bar", "url": "/ui/components/progress/" }, { "title": "Progress Steps", "url": "/ui/components/progress-step/" }, { "title": "Range slider", "url": "/ui/components/range-slider/" }, { "title": "Ribbon", "url": "/ui/components/ribbon/" }, { "title": "Segmented Control", "url": "/ui/components/segmented-control/" }, { "title": "Spinner", "url": "/ui/components/spinner/" }, { "title": "Star Rating", "url": "/ui/components/star-rating/" }, { "title": "Status", "url": "/ui/components/status/" }, { "title": "Step", "url": "/ui/components/step/" }, { "title": "Switch icon", "url": "/ui/components/switch-icon/" }, { "title": "Tab", "url": "/ui/components/tab/" }, { "title": "Table", "url": "/ui/components/table/" }, { "title": "Tag", "url": "/ui/components/tag/" }, { "title": "Timeline", "url": "/ui/components/timeline/" }, { "title": "Toast", "url": "/ui/components/toast/" }, { "title": "Tooltip", "url": "/ui/components/tooltip/" }, { "title": "Tracking", "url": "/ui/components/tracking/" }, { "title": "Trending", "url": "/ui/components/trending/" }, { "title": "Vector Map", "url": "/ui/components/vector-map/" }, { "title": "WYSIWYG editor", "url": "/ui/components/wysiwyg/" } ] }, { "title": "Forms", "url": "/ui/forms/", "children": [ { "title": "Form elements", "url": "/ui/forms/form-elements/" }, { "title": "Color check", "url": "/ui/forms/form-color-check/" }, { "title": "Form fieldset", "url": "/ui/forms/form-fieldset/" }, { "title": "Form helpers", "url": "/ui/forms/form-helpers/" }, { "title": "Form selectgroup", "url": "/ui/forms/form-selectboxes/" }, { "title": "Image check", "url": "/ui/forms/form-image-check/" }, { "title": "Input mask", "url": "/ui/forms/form-input-mask/" }, { "title": "Validation states", "url": "/ui/forms/form-validation/" } ] }, { "title": "Utilities", "url": "/ui/utilities/", "children": [ { "title": "Background patterns", "url": "/ui/utilities/background-patterns/" }, { "title": "Borders", "url": "/ui/utilities/borders/" }, { "title": "Cursors", "url": "/ui/utilities/cursors/" }, { "title": "Gradients", "url": "/ui/utilities/gradients/" }, { "title": "Interactions", "url": "/ui/utilities/interactions/" }, { "title": "Margins", "url": "/ui/utilities/margins/" }, { "title": "Vertical align", "url": "/ui/utilities/vertical-align/" }, { "title": "Visually hidden", "url": "/ui/utilities/visually-hidden/" } ] }, { "title": "Plugins", "url": "/ui/plugins/", "children": [ { "title": "Flags", "url": "/ui/plugins/flags/" }, { "title": "Payments", "url": "/ui/plugins/payments/" }, { "title": "Social Icons", "url": "/ui/plugins/social-icons/" } ] } ] }, { "title": "Tabler Icons", "children": [ { "title": "Libraries", "url": "/icons/libraries/", "children": [ { "title": "Astro", "url": "/icons/libraries/astro/" }, { "title": "Preact", "url": "/icons/libraries/preact/" }, { "title": "React", "url": "/icons/libraries/react/" }, { "title": "SolidJS", "url": "/icons/libraries/solidjs/" }, { "title": "Svelte", "url": "/icons/libraries/svelte/" }, { "title": "Vue", "url": "/icons/libraries/vue/" }, { "title": "Webfont", "url": "/icons/libraries/webfont/" } ] }, { "title": "Plugins", "url": "/icons/plugins/", "children": [ { "title": "Figma plugin", "url": "/icons/plugins/figma/" } ] }, { "title": "Static files", "url": "/icons/static-files/", "children": [ { "title": "EPS version", "url": "/icons/static-files/eps/" }, { "title": "PDF version", "url": "/icons/static-files/pdf/" }, { "title": "PNG version", "url": "/icons/static-files/png/" }, { "title": "SVG version", "url": "/icons/static-files/svg/" } ] } ] }, { "title": "Tabler Illustrations", "children": [ { "title": "Introduction", "url": "/illustrations/introduction/", "children": [ { "title": "Contents", "url": "/illustrations/introduction/contents/" }, { "title": "Customization", "url": "/illustrations/introduction/customization/" }, { "title": "Preview", "url": "/illustrations/introduction/preview/" }, { "title": "Tabler Illustrations License", "url": "/illustrations/introduction/license/" } ] } ] }, { "title": "Tabler Emails", "children": [ { "title": "Introduction", "url": "/emails/introduction/", "children": [ { "title": "Contents", "url": "/emails/introduction/contents/" }, { "title": "Compiled templates", "url": "/emails/introduction/compiled-html/" }, { "title": "Source templates", "url": "/emails/introduction/source-html/" } ] } ] }, { "title": "", "children": [] } ] }