mirror of
https://github.com/tabler/tabler.git
synced 2026-10-12 21:27:06 +04:00
Bartek
efd46f1c79
Two lists with buttons between them to move rows from available to selected and back, with search, select all, reordering and a hidden select multiple that keeps a form in sync. Raises the bundlewatch limit for minified JS to 44 kB.
741 lines
15 KiB
JSON
741 lines
15 KiB
JSON
{
|
|
"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"
|
|
},
|
|
{
|
|
"title": "Getting started",
|
|
"url": "/ui/getting-started",
|
|
"children": [
|
|
{
|
|
"title": "Installation",
|
|
"url": "/ui/getting-started/installation"
|
|
},
|
|
{
|
|
"title": "Download",
|
|
"url": "/ui/getting-started/download"
|
|
},
|
|
{
|
|
"title": "Customize Tabler",
|
|
"url": "/ui/getting-started/customize"
|
|
},
|
|
{
|
|
"title": "Color modes",
|
|
"url": "/ui/getting-started/color-modes"
|
|
},
|
|
{
|
|
"title": "RTL support",
|
|
"url": "/ui/getting-started/rtl"
|
|
},
|
|
{
|
|
"title": "Browser support",
|
|
"url": "/ui/getting-started/browser-support"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"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": "Upgrade",
|
|
"url": "/ui/getting-started/upgrade",
|
|
"children": [
|
|
{
|
|
"title": "Upgrade to 1.6",
|
|
"url": "/ui/getting-started/upgrade/1-6"
|
|
},
|
|
{
|
|
"title": "Upgrade to 1.5",
|
|
"url": "/ui/getting-started/upgrade/1-5"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"title": "Base",
|
|
"url": "/ui/base",
|
|
"children": [
|
|
{
|
|
"title": "Colors",
|
|
"url": "/ui/base/colors"
|
|
},
|
|
{
|
|
"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": "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": "Chat",
|
|
"url": "/ui/components/chat"
|
|
},
|
|
{
|
|
"title": "Confetti",
|
|
"url": "/ui/components/confetti"
|
|
},
|
|
{
|
|
"title": "Data grid",
|
|
"url": "/ui/components/datagrid"
|
|
},
|
|
{
|
|
"title": "Divider",
|
|
"url": "/ui/components/divider"
|
|
},
|
|
{
|
|
"title": "Dropdown",
|
|
"url": "/ui/components/dropdown"
|
|
},
|
|
{
|
|
"title": "Empty state",
|
|
"url": "/ui/components/empty"
|
|
},
|
|
{
|
|
"title": "Hover gallery",
|
|
"url": "/ui/components/hover-gallery"
|
|
},
|
|
{
|
|
"title": "Icon",
|
|
"url": "/ui/components/icon"
|
|
},
|
|
{
|
|
"title": "Image label",
|
|
"url": "/ui/components/image-label"
|
|
},
|
|
{
|
|
"title": "Legend",
|
|
"url": "/ui/components/legend"
|
|
},
|
|
{
|
|
"title": "List group",
|
|
"url": "/ui/components/list-group"
|
|
},
|
|
{
|
|
"title": "Map",
|
|
"url": "/ui/components/map"
|
|
},
|
|
{
|
|
"title": "Mention",
|
|
"url": "/ui/components/mention"
|
|
},
|
|
{
|
|
"title": "Modal",
|
|
"url": "/ui/components/modal"
|
|
},
|
|
{
|
|
"title": "Mockup browser",
|
|
"url": "/ui/components/mockup-browser"
|
|
},
|
|
{
|
|
"title": "Nav overflow",
|
|
"url": "/ui/components/nav-overflow"
|
|
},
|
|
{
|
|
"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": "Ribbon",
|
|
"url": "/ui/components/ribbon"
|
|
},
|
|
{
|
|
"title": "Segmented control",
|
|
"url": "/ui/components/segmented-control"
|
|
},
|
|
{
|
|
"title": "Signal",
|
|
"url": "/ui/components/signal"
|
|
},
|
|
{
|
|
"title": "Sparkline",
|
|
"url": "/ui/components/sparkline"
|
|
},
|
|
{
|
|
"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": "Text shimmer",
|
|
"url": "/ui/components/text-shimmer"
|
|
},
|
|
{
|
|
"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": "Transfer",
|
|
"url": "/ui/components/transfer"
|
|
},
|
|
{
|
|
"title": "Trending",
|
|
"url": "/ui/components/trending"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"title": "Forms",
|
|
"url": "/ui/forms",
|
|
"children": [
|
|
{
|
|
"title": "Elements",
|
|
"url": "/ui/forms/elements"
|
|
},
|
|
{
|
|
"title": "Fieldset",
|
|
"url": "/ui/forms/fieldset"
|
|
},
|
|
{
|
|
"title": "Floating labels",
|
|
"url": "/ui/forms/floating-labels"
|
|
},
|
|
{
|
|
"title": "Helpers",
|
|
"url": "/ui/forms/helpers"
|
|
},
|
|
{
|
|
"title": "Select group",
|
|
"url": "/ui/forms/select-group"
|
|
},
|
|
{
|
|
"title": "Image check",
|
|
"url": "/ui/forms/image-check"
|
|
},
|
|
{
|
|
"title": "Color check",
|
|
"url": "/ui/forms/color-check"
|
|
},
|
|
{
|
|
"title": "Password strength",
|
|
"url": "/ui/forms/strength"
|
|
},
|
|
{
|
|
"title": "Validation",
|
|
"url": "/ui/forms/validation"
|
|
},
|
|
{
|
|
"title": "OTP input",
|
|
"url": "/ui/forms/otp-input"
|
|
},
|
|
{
|
|
"title": "Stepper",
|
|
"url": "/ui/forms/stepper"
|
|
},
|
|
{
|
|
"title": "CSS variables",
|
|
"url": "/ui/forms/css-variables"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"title": "Utilities",
|
|
"url": "/ui/utilities",
|
|
"children": [
|
|
{
|
|
"title": "Background blur",
|
|
"url": "/ui/utilities/background-blur"
|
|
},
|
|
{
|
|
"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": "Printing",
|
|
"url": "/ui/utilities/printing"
|
|
},
|
|
{
|
|
"title": "Vertical align",
|
|
"url": "/ui/utilities/vertical-align"
|
|
},
|
|
{
|
|
"title": "Visually hidden",
|
|
"url": "/ui/utilities/visually-hidden"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"title": "Plugins",
|
|
"url": "/ui/plugins",
|
|
"children": [
|
|
{
|
|
"title": "Advanced select",
|
|
"url": "/ui/plugins/advanced-select"
|
|
},
|
|
{
|
|
"title": "Autosize",
|
|
"url": "/ui/plugins/autosize"
|
|
},
|
|
{
|
|
"title": "Chart",
|
|
"url": "/ui/plugins/chart"
|
|
},
|
|
{
|
|
"title": "Clipboard",
|
|
"url": "/ui/plugins/clipboard"
|
|
},
|
|
{
|
|
"title": "Color picker",
|
|
"url": "/ui/plugins/color-picker"
|
|
},
|
|
{
|
|
"title": "Countup",
|
|
"url": "/ui/plugins/countup"
|
|
},
|
|
{
|
|
"title": "Date picker",
|
|
"url": "/ui/plugins/date-picker"
|
|
},
|
|
{
|
|
"title": "Dropzone",
|
|
"url": "/ui/plugins/dropzone"
|
|
},
|
|
{
|
|
"title": "Flags",
|
|
"url": "/ui/plugins/flags"
|
|
},
|
|
{
|
|
"title": "FullCalendar",
|
|
"url": "/ui/plugins/fullcalendar"
|
|
},
|
|
{
|
|
"title": "Inline player",
|
|
"url": "/ui/plugins/inline-player"
|
|
},
|
|
{
|
|
"title": "Input mask",
|
|
"url": "/ui/plugins/input-mask"
|
|
},
|
|
{
|
|
"title": "Lightbox",
|
|
"url": "/ui/plugins/lightbox"
|
|
},
|
|
{
|
|
"title": "Range slider",
|
|
"url": "/ui/plugins/range-slider"
|
|
},
|
|
{
|
|
"title": "Signature",
|
|
"url": "/ui/plugins/signature"
|
|
},
|
|
{
|
|
"title": "Social icons",
|
|
"url": "/ui/plugins/social-icons"
|
|
},
|
|
{
|
|
"title": "Sortable",
|
|
"url": "/ui/plugins/sortable"
|
|
},
|
|
{
|
|
"title": "Theme base colors",
|
|
"url": "/ui/plugins/theme-base-colors"
|
|
},
|
|
{
|
|
"title": "Vector map",
|
|
"url": "/ui/plugins/vector-map"
|
|
},
|
|
{
|
|
"title": "WYSIWYG editor",
|
|
"url": "/ui/plugins/wysiwyg"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"title": "Resources",
|
|
"children": [
|
|
{
|
|
"title": "FAQ",
|
|
"url": "/ui/getting-started/faq"
|
|
},
|
|
{
|
|
"title": "Docs for LLMs",
|
|
"url": "/ui/getting-started/llms"
|
|
},
|
|
{
|
|
"title": "3rd-party libraries & resources",
|
|
"url": "/ui/getting-started/references"
|
|
},
|
|
{
|
|
"title": "How to contribute",
|
|
"url": "/ui/getting-started/how-to-contribute"
|
|
},
|
|
{
|
|
"title": "Docs callouts",
|
|
"url": "/ui/getting-started/callouts"
|
|
},
|
|
{
|
|
"title": "Tabler license",
|
|
"url": "/ui/getting-started/license"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"title": "Tabler Icons",
|
|
"children": [
|
|
{
|
|
"title": "Introduction",
|
|
"url": "/icons"
|
|
},
|
|
{
|
|
"title": "Icon design guide",
|
|
"url": "/icons/design-guide"
|
|
},
|
|
{
|
|
"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": "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"
|
|
},
|
|
{
|
|
"title": "Preview",
|
|
"url": "/illustrations/preview"
|
|
},
|
|
{
|
|
"title": "Contents",
|
|
"url": "/illustrations/contents"
|
|
},
|
|
{
|
|
"title": "Customization",
|
|
"url": "/illustrations/customization"
|
|
},
|
|
{
|
|
"title": "License",
|
|
"url": "/illustrations/license"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"title": "Tabler Emails",
|
|
"children": [
|
|
{
|
|
"title": "Introduction",
|
|
"url": "/emails"
|
|
},
|
|
{
|
|
"title": "Contents",
|
|
"url": "/emails/contents"
|
|
},
|
|
{
|
|
"title": "Compiled templates",
|
|
"url": "/emails/compiled-html"
|
|
},
|
|
{
|
|
"title": "Source templates",
|
|
"url": "/emails/source-html"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"title": "Tabler Payments",
|
|
"children": [
|
|
{
|
|
"title": "Introduction",
|
|
"url": "/payments"
|
|
},
|
|
{
|
|
"title": "CSS plugin",
|
|
"url": "/payments/css"
|
|
},
|
|
{
|
|
"title": "Libraries",
|
|
"url": "/payments/libraries",
|
|
"children": [
|
|
{
|
|
"title": "Astro",
|
|
"url": "/payments/libraries/astro"
|
|
},
|
|
{
|
|
"title": "Preact",
|
|
"url": "/payments/libraries/preact"
|
|
},
|
|
{
|
|
"title": "React",
|
|
"url": "/payments/libraries/react"
|
|
},
|
|
{
|
|
"title": "Vue",
|
|
"url": "/payments/libraries/vue"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
} |