168 lines
9.4 KiB
JSON
168 lines
9.4 KiB
JSON
{
|
|
"elements" : {
|
|
"accordion" : "Accordion",
|
|
"alert" : "Alert",
|
|
"badge" : "Badge",
|
|
"banner" : "Banner",
|
|
"breadcrumbs" : "Breadcrumbs",
|
|
"button" : "Button",
|
|
"card" : "Card",
|
|
"checkbox" : "Checkbox",
|
|
"command" : "Command",
|
|
"context-menu" : "Context Menu",
|
|
"copy-to-clipboard" : "Copy to Clipboard",
|
|
"date-picker" : "Date Picker",
|
|
"dropdown-menu" : "Dropdown Menu",
|
|
"full-screen-modal" : "Full Screen Modal",
|
|
"hover-card" : "Hover Card",
|
|
"image-gallery" : "Image Gallery",
|
|
"menubar" : "Menu Bar",
|
|
"modal" : "Modal",
|
|
"monaco-editor" : "Monaco Editor",
|
|
"navigation-menu" : "Navigation Menu",
|
|
"pagination" : "Pagination",
|
|
"popover" : "Popover",
|
|
"progress" : "Progress",
|
|
"quotes" : "Quotes",
|
|
"radio-group": "Radio Group",
|
|
"range-slider": "Range Slider",
|
|
"select" : "Select",
|
|
"slide-over" : "Slide-over",
|
|
"switch" : "Switch",
|
|
"table" : "Table",
|
|
"tabs" : "Tabs",
|
|
"text-animation" : "Text Animation",
|
|
"text-input" : "Text Input",
|
|
"textarea" : "Textarea",
|
|
"textarea-auto-resize" : "Textarea (auto-resize)",
|
|
"toast": "Toast Notification",
|
|
"tooltip" : "Tooltip",
|
|
"typing-effect" : "Typing Effect",
|
|
"video" : "Video"
|
|
},
|
|
"description" : {
|
|
"accordion" : "An accordion element to show and hide content.",
|
|
"alert" : "An alert element that is used to draw attention.",
|
|
"badge" : "A badge element used to highlight new or updated content, indicate status, or convey additional information.",
|
|
"banner" : "Call to action banner that stick to the top or bottom of the page.",
|
|
"breadcrumbs" : "A breadcrumb navigation element that can be used to show a user's location within a website.",
|
|
"button" : "A button element that can be used to trigger an action.",
|
|
"card" : "A card element that can be used to display content.",
|
|
"checkbox" : "A checkbox element that can be used to select one or more options.",
|
|
"command" : "A simple and searchable command menu element.",
|
|
"context-menu" : "A context menu element that can be used to show a menu of actions for functions.",
|
|
"copy-to-clipboard" : "An element that will copy text to clipboard when clicked.",
|
|
"date-picker" : "A date picker element that can be used to select a date.",
|
|
"dropdown-menu": "A simple dropdown menu element.",
|
|
"full-screen-modal" : "A full screen modal element.",
|
|
"hover-card" : "A hover element card preview.",
|
|
"image-gallery" : "A simple image gallery element for showing images.",
|
|
"modal" : "A simple modal element that can be used to show and hide content.",
|
|
"monaco-editor" : "A simple code editor using the Monaco editor library.",
|
|
"menubar" : "A visually persistent menu common in desktop applications, offering convenient access to a consistent set of commands.",
|
|
"navigation-menu" : "A simple navigation menu element",
|
|
"pagination" : "A pagination element that can be used to navigate through pages of content.",
|
|
"popover" : "A popover element that can display rich content in a portal, triggered by a button.",
|
|
"progress" : "A progress element that can be used to show the progress of a task.",
|
|
"quotes" : "A blockquote element that can be used to display a quote.",
|
|
"radio-group" : "A radio selection element that can be used to select one option.",
|
|
"range-slider" : "A range slider element that uses the input type range.",
|
|
"select" : "A custom select input element that can be used to select an option.",
|
|
"slide-over" : "A slide-over element that can be used to show content from the side.",
|
|
"switch" : "A simple toggle switch element to enable or disable an option.",
|
|
"tabs" : "A tab element that can be used to show and hide content.",
|
|
"table" : "A table element for displaying tabular data.",
|
|
"textarea" : "A textarea form input element for collecting long user info.",
|
|
"textarea-auto-resize" : "A textarea form input element that automatically resizes to fit the content.",
|
|
"text-animation" : "Simple text animation elements.",
|
|
"text-input" : "A form input element that can be used to collect user input.",
|
|
"toast": "A toast notification that can be used to show a message. Click a button below to show the toast notification.",
|
|
"tooltip": "A simple tooltip element that can be used to show additional information.",
|
|
"typing-effect" : "This is an element that can be used to type text on to the screen.",
|
|
"video" : "A customized video element that can be used to display a video."
|
|
},
|
|
"container" : {
|
|
"accordion" : "w-full sm:p-10 p-4 box-border flex items-start justify-start max-w-lg mx-auto",
|
|
"alert" : "w-full sm:p-10 p-4 box-border flex flex-col space-y-5 items-center justify-center max-w-3xl mx-auto",
|
|
"badge" : "w-full sm:p-10 p-4 overflow-scroll box-border flex items-center justify-center space-x-2",
|
|
"banner" : "w-full relative overflow-hidden",
|
|
"breadcrumbs" : "w-full sm:p-10 p-4 box-border flex items-center justify-center mx-auto",
|
|
"button" : "w-full sm:p-10 p-4 box-border flex space-x-3 items-center justify-center mx-auto",
|
|
"card" : "w-full sm:p-10 p-4 box-border flex items-center justify-center mx-auto",
|
|
"checkbox" : "w-full sm:p-10 p-4 box-border flex items-center justify-center mx-auto",
|
|
"command" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"context-menu" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"copy-to-clipboard" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"date-picker" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"dropdown-menu" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"full-screen-modal" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"hover-card" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"image-gallery" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"modal" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"monaco-editor" : "w-full h-full box-border flex overflow-hidden items-stretch justify-center",
|
|
"menubar" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"navigation-menu" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"pagination" : "w-full flex items-end justify-center",
|
|
"popover" : "w-full sm:p-10 p-4 box-border h-full flex items-center justify-center",
|
|
"progress" : "w-full max-w-sm mx-auto sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"quotes" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"radio-group" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"range-slider" : "sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"select" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"slide-over" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"switch" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"tabs" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"table" : "w-full",
|
|
"textarea" : "w-full py-10 px-48 box-border flex items-center justify-center",
|
|
"textarea-auto-resize" : "w-full py-10 px-48 box-border flex items-center justify-center",
|
|
"text-animation" : "w-full py-10 box-border flex items-center justify-center",
|
|
"text-input" : "w-full py-10 px-48 box-border flex items-center justify-center",
|
|
"toast" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"tooltip" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
|
|
"typing-effect" : "w-full sm:p-10 p-4 flex items-center justify-center",
|
|
"video" : "py-10 w-[640px] mx-auto box-border flex items-center justify-center"
|
|
},
|
|
"tailwind_only" : [
|
|
"alert",
|
|
"badge",
|
|
"breadcrumbs",
|
|
"button",
|
|
"card",
|
|
"checkbox",
|
|
"quotes",
|
|
"range-slider",
|
|
"table",
|
|
"text-input",
|
|
"textarea",
|
|
"pagination"
|
|
],
|
|
"examples" : {
|
|
"accordion" : ["01", "02"],
|
|
"alert" : ["01", "02"],
|
|
"badge" : ["01", "02", "03", "04"],
|
|
"banner" : ["01", "02"],
|
|
"breadcrumbs" : ["01", "02"],
|
|
"button" : ["01", "02", "03"],
|
|
"card" : ["01", "02", "03"],
|
|
"checkbox" : ["01", "02", "03"],
|
|
"command" : ["01", "02"],
|
|
"context-menu" : ["01", "02"],
|
|
"copy-to-clipboard" : ["01", "02"],
|
|
"date-picker" : ["01"],
|
|
"dropdown-menu" : ["01"],
|
|
"full-screen-menu" : ["01"],
|
|
"full-screen-modal" : ["01"],
|
|
"modal" : ["01", "02"],
|
|
"pagination" : ["01"],
|
|
"progress" : ["01"],
|
|
"slide-over" : ["01"],
|
|
"switch" : ["01"],
|
|
"table" : ["01", "02"],
|
|
"tabs" : ["01"],
|
|
"text-animation" : ["01", "02"],
|
|
"textarea-auto-resize" : ["01"],
|
|
"textarea" : ["01"],
|
|
"tooltip" : ["01", "02"],
|
|
"video" : ["01", "02"]
|
|
}
|
|
} |