1
0
pines/data.json
2023-08-01 20:05:44 -04:00

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"]
}
}