[{"data":1,"prerenderedAt":3193},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Felements\u002Fbutton":682},[4,11,128,525,584,626],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,70,107],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61,66],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Accessibility","\u002Foverview\u002Fgetting-started\u002Faccessibility","overview\u002Fgetting-started\u002Faccessibility",90,{"title":67,"path":68,"stem":69,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",{"title":71,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":72,"stem":73,"children":74,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[75,78,82,86,90,94,99,103],{"title":71,"path":76,"stem":77,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":79,"path":80,"stem":81,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":83,"path":84,"stem":85,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":87,"path":88,"stem":89,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":91,"path":92,"stem":93,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":95,"path":96,"stem":97,"order":98,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":100,"path":101,"stem":102,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":104,"path":105,"stem":106,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":108,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":109,"stem":110,"children":111,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[112,116,120,124],{"title":113,"path":114,"stem":115,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":117,"path":118,"stem":119,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":121,"path":122,"stem":123,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":125,"path":126,"stem":127,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":129,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":130,"stem":131,"children":132,"page":10},"Components","\u002Fcomponents","components",[133,210,313,336,380,433,486],{"title":134,"path":135,"stem":136,"children":137,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[138,142,147,152,157,162,166,171,176,181,186,191,196,201,205],{"title":139,"path":140,"stem":141,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":143,"path":144,"stem":145,"order":146,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":148,"path":149,"stem":150,"order":151,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":153,"path":154,"stem":155,"order":156,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":158,"path":159,"stem":160,"order":161,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":163,"path":164,"stem":165,"order":161,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":167,"path":168,"stem":169,"order":170,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":172,"path":173,"stem":174,"order":175,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":177,"path":178,"stem":179,"order":180,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":182,"path":183,"stem":184,"order":185,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":187,"path":188,"stem":189,"order":190,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":192,"path":193,"stem":194,"order":195,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":197,"path":198,"stem":199,"order":200,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":202,"path":203,"stem":204,"order":200,"icon":9,"collapse":10,"navBadges":9},"Toolbar","\u002Fcomponents\u002Felements\u002Ftoolbar","components\u002Felements\u002Ftoolbar",{"title":206,"path":207,"stem":208,"order":209,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":211,"path":212,"stem":213,"children":214,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[215,219,224,229,233,238,243,248,253,258,263,268,273,278,283,288,293,298,303,308],{"title":216,"path":217,"stem":218,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":220,"path":221,"stem":222,"order":223,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":225,"path":226,"stem":227,"order":228,"icon":9,"collapse":10,"navBadges":9},"Editable","\u002Fcomponents\u002Fforms\u002Feditable","components\u002Fforms\u002Feditable",20.5,{"title":230,"path":231,"stem":232,"order":228,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",{"title":234,"path":235,"stem":236,"order":237,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":239,"path":240,"stem":241,"order":242,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":244,"path":245,"stem":246,"order":247,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":249,"path":250,"stem":251,"order":252,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":254,"path":255,"stem":256,"order":257,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":259,"path":260,"stem":261,"order":262,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":264,"path":265,"stem":266,"order":267,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":269,"path":270,"stem":271,"order":272,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":274,"path":275,"stem":276,"order":277,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":279,"path":280,"stem":281,"order":282,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":284,"path":285,"stem":286,"order":287,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":289,"path":290,"stem":291,"order":292,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":294,"path":295,"stem":296,"order":297,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":299,"path":300,"stem":301,"order":302,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":304,"path":305,"stem":306,"order":307,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":309,"path":310,"stem":311,"order":312,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":314,"path":315,"stem":316,"children":317,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[318,322,327,331],{"title":319,"path":320,"stem":321,"order":312,"icon":9,"collapse":10,"navBadges":9},"EmptyState","\u002Fcomponents\u002Fdata\u002Fempty-state","components\u002Fdata\u002Fempty-state",{"title":323,"path":324,"stem":325,"order":326,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":328,"path":329,"stem":330,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":332,"path":333,"stem":334,"order":335,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":337,"path":338,"stem":339,"children":340,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[341,346,350,355,360,365,370,375],{"title":342,"path":343,"stem":344,"order":345,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":347,"path":348,"stem":349,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":351,"path":352,"stem":353,"order":354,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":356,"path":357,"stem":358,"order":359,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":361,"path":362,"stem":363,"order":364,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":366,"path":367,"stem":368,"order":369,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":371,"path":372,"stem":373,"order":374,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":376,"path":377,"stem":378,"order":379,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":381,"path":382,"stem":383,"children":384,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[385,389,394,399,404,409,414,419,424,428],{"title":386,"path":387,"stem":388,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":390,"path":391,"stem":392,"order":393,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":395,"path":396,"stem":397,"order":398,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":400,"path":401,"stem":402,"order":403,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":405,"path":406,"stem":407,"order":408,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":410,"path":411,"stem":412,"order":413,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":415,"path":416,"stem":417,"order":418,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":420,"path":421,"stem":422,"order":423,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":425,"path":426,"stem":427,"order":98,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":429,"path":430,"stem":431,"order":432,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":434,"path":435,"stem":436,"children":437,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[438,443,447,452,457,462,466,471,476,481],{"title":439,"path":440,"stem":441,"order":442,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":444,"path":445,"stem":446,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":448,"path":449,"stem":450,"order":451,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":453,"path":454,"stem":455,"order":456,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":458,"path":459,"stem":460,"order":461,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":463,"path":464,"stem":465,"order":461,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":467,"path":468,"stem":469,"order":470,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":472,"path":473,"stem":474,"order":475,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":477,"path":478,"stem":479,"order":480,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":482,"path":483,"stem":484,"order":485,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":487,"path":488,"stem":489,"children":490,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[491,495,500,505,510,515,520],{"title":492,"path":493,"stem":494,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":496,"path":497,"stem":498,"order":499,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":501,"path":502,"stem":503,"order":504,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":506,"path":507,"stem":508,"order":509,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":511,"path":512,"stem":513,"order":514,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":516,"path":517,"stem":518,"order":519,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":521,"path":522,"stem":523,"order":524,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":526,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":527,"stem":528,"children":529,"page":10},"Composites","\u002Fcomposites","composites",[530,559],{"title":531,"path":532,"stem":533,"children":534,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[535,539,543,547,551,555],{"title":536,"path":537,"stem":538,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":540,"path":541,"stem":542,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":544,"path":545,"stem":546,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":548,"path":549,"stem":550,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":552,"path":553,"stem":554,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":556,"path":557,"stem":558,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":560,"path":561,"stem":562,"children":563,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[564,568,572,576,580],{"title":565,"path":566,"stem":567,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":569,"path":570,"stem":571,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":573,"path":574,"stem":575,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":577,"path":578,"stem":579,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":581,"path":582,"stem":583,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":585,"order":586,"icon":9,"collapse":10,"navBadges":9,"path":587,"stem":588,"children":589,"page":10},"Blocks",35,"\u002Fblocks","blocks",[590,593,597,601,605,609],{"title":585,"path":591,"stem":592,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":594,"path":595,"stem":596,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":598,"path":599,"stem":600,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":602,"path":603,"stem":604,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":606,"path":607,"stem":608,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":610,"order":50,"icon":9,"collapse":10,"navBadges":9,"path":611,"stem":612,"children":613,"page":10},"Editors","\u002Fblocks\u002Feditors","blocks\u002Feditors",[614,618,622],{"title":615,"path":616,"stem":617,"order":13,"icon":9,"collapse":10,"navBadges":9},"Tiptap editor","\u002Fblocks\u002Feditors\u002Ftiptap","blocks\u002Feditors\u002Ftiptap",{"title":619,"path":620,"stem":621,"order":30,"icon":9,"collapse":10,"navBadges":9},"Lexical editor","\u002Fblocks\u002Feditors\u002Flexical","blocks\u002Feditors\u002Flexical",{"title":623,"path":624,"stem":625,"order":35,"icon":9,"collapse":10,"navBadges":9},"Quill editor","\u002Fblocks\u002Feditors\u002Fquill","blocks\u002Feditors\u002Fquill",{"title":627,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":628,"stem":629,"children":630,"page":10},"Utilities","\u002Futilities","utilities",[631,665],{"title":632,"path":633,"stem":634,"children":635,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[636,640,644,649,653,657,661],{"title":637,"path":638,"stem":639,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":641,"path":642,"stem":643,"order":170,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":645,"path":646,"stem":647,"order":648,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":650,"path":651,"stem":652,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":654,"path":655,"stem":656,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":658,"path":659,"stem":660,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":662,"path":663,"stem":664,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":666,"path":667,"stem":668,"children":669,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[670,674,678],{"title":671,"path":672,"stem":673,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":675,"path":676,"stem":677,"order":648,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":679,"path":680,"stem":681,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"byLocale":683,"defaultPath":140},{"en":684,"id":2053},{"id":685,"title":139,"aside":686,"body":687,"collapse":10,"description":2049,"editLink":686,"extension":1641,"icon":9,"issueLink":686,"meta":2050,"navBadges":9,"navigation":9,"order":13,"path":140,"prevNext":686,"seo":2051,"stem":141,"toc":686,"__hash__":2052},"docs\u002Fcomponents\u002Felements\u002Fbutton.md",true,{"type":688,"value":689,"toc":2028},"minimark",[690,695,699,704,724,727,731,734,737,740,754,757,819,823,846,849,886,890,896,899,935,938,951,954,957,1033,1041,1045,1065,1068,1143,1147,1169,1172,1286,1303,1431,1435,1456,1459,1502,1505,1518,1521,1617,1621,1626,1630,1654,1661,1664,1702,1708,1712,1715,1748,1751,1976,1980,2024],[691,692,694],"h2",{"id":693},"usage","Usage",[696,697],"component-example",{"name":698},"button-basic",[700,701,703],"h3",{"id":702},"variants","Variants",[705,706,707,711,712,715,716,719,720,723],"p",{},[708,709,710],"code",{},"subtle"," combines the tinted background of ",[708,713,714],{},"soft"," with a border. ",[708,717,718],{},"link"," uses\nthe same text color transitions as ",[708,721,722],{},"text"," and adds an underline on hover.",[696,725],{"name":726},"button-variants",[700,728,730],{"id":729},"colors","Colors",[705,732,733],{},"Every color across every variant, so it's easy to compare both within a\ncolor (is soft\u002Foutline\u002Fghost legible?) and across colors (do they stay\ndistinguishable at a glance?).",[696,735],{"name":736},"button-colors",[700,738,42],{"id":739},"icons",[705,741,742,745,746,749,750,753],{},[708,743,744],{},"icon"," and ",[708,747,748],{},"trailingIcon"," add an icon before or after the label - any\nregistered icon name works, not just ",[708,751,752],{},"hugeicons:*",".",[696,755],{"name":756},"button-icons",[758,759,764],"pre",{"className":760,"code":761,"language":762,"meta":763,"style":763},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSButton icon=\"hugeicons:download-01\">Download\u003C\u002FSButton>\n\u003CSButton trailing-icon=\"hugeicons:arrow-right-01\">Continue\u003C\u002FSButton>\n","vue-html","",[708,765,766,797],{"__ignoreMap":763},[767,768,770,774,778,782,785,789,792,794],"span",{"class":769,"line":8},"line",[767,771,773],{"class":772},"sVt8B","\u003C",[767,775,777],{"class":776},"s9eBZ","SButton",[767,779,781],{"class":780},"sScJk"," icon",[767,783,784],{"class":772},"=",[767,786,788],{"class":787},"sZZnC","\"hugeicons:download-01\"",[767,790,791],{"class":772},">Download\u003C\u002F",[767,793,777],{"class":776},[767,795,796],{"class":772},">\n",[767,798,800,802,804,807,809,812,815,817],{"class":769,"line":799},2,[767,801,773],{"class":772},[767,803,777],{"class":776},[767,805,806],{"class":780}," trailing-icon",[767,808,784],{"class":772},[767,810,811],{"class":787},"\"hugeicons:arrow-right-01\"",[767,813,814],{"class":772},">Continue\u003C\u002F",[767,816,777],{"class":776},[767,818,796],{"class":772},[700,820,822],{"id":821},"icon-only","Icon only",[705,824,825,826,829,830,832,833,836,837,840,841,845],{},"There's no separate ",[708,827,828],{},"iconOnly"," prop - pass ",[708,831,744],{}," with no default slot\ncontent and it shapes itself to a square automatically (matching its own\n",[708,834,835],{},"size","), rather than requiring an explicit flag you could forget to set.\nAlways add ",[708,838,839],{},"aria-label"," yourself when there's no visible text - it falls\nthrough to the root element like any other attr (see\n",[842,843,62],"a",{"href":844},"#accessibility"," below).",[696,847],{"name":848},"button-icon-only",[758,850,852],{"className":760,"code":851,"language":762,"meta":763,"style":763},"\u003CSButton icon=\"hugeicons:settings-01\" variant=\"outline\" aria-label=\"Settings\" \u002F>\n",[708,853,854],{"__ignoreMap":763},[767,855,856,858,860,862,864,867,870,872,875,878,880,883],{"class":769,"line":8},[767,857,773],{"class":772},[767,859,777],{"class":776},[767,861,781],{"class":780},[767,863,784],{"class":772},[767,865,866],{"class":787},"\"hugeicons:settings-01\"",[767,868,869],{"class":780}," variant",[767,871,784],{"class":772},[767,873,874],{"class":787},"\"outline\"",[767,876,877],{"class":780}," aria-label",[767,879,784],{"class":772},[767,881,882],{"class":787},"\"Settings\"",[767,884,885],{"class":772}," \u002F>\n",[700,887,889],{"id":888},"square","Square",[705,891,892,893,895],{},"Icon-only buttons already shape themselves to a square automatically (see\nabove) - ",[708,894,888],{}," is for when the content isn't an icon but should still get\nthat same equal-width\u002Fheight treatment, like a page number or a calendar day.\nWithout it, each button sizes to its own text width and a row of them (a\npagination bar, a calendar grid) won't line up:",[696,897],{"name":898},"button-square",[758,900,902],{"className":760,"code":901,"language":762,"meta":763,"style":763},"\u003CSButton square>1\u003C\u002FSButton>\n\u003CSButton square>31\u003C\u002FSButton>\n",[708,903,904,920],{"__ignoreMap":763},[767,905,906,908,910,913,916,918],{"class":769,"line":8},[767,907,773],{"class":772},[767,909,777],{"class":776},[767,911,912],{"class":780}," square",[767,914,915],{"class":772},">1\u003C\u002F",[767,917,777],{"class":776},[767,919,796],{"class":772},[767,921,922,924,926,928,931,933],{"class":769,"line":799},[767,923,773],{"class":772},[767,925,777],{"class":776},[767,927,912],{"class":780},[767,929,930],{"class":772},">31\u003C\u002F",[767,932,777],{"class":776},[767,934,796],{"class":772},[700,936,937],{"id":722},"Text",[705,939,940,942,943,946,947,753],{},[708,941,722],{}," never paints a background, at any state; only the label\u002Ficon color\nshifts on hover. Use it for actions that need minimal visual weight.\nBuilt-in field clear controls use an inset neutral ",[708,944,945],{},"ghost"," button for a more\nvisible hover response. See ",[842,948,950],{"href":949},"\u002Foverview\u002Ftheming\u002Fcomponent-styling#field-clear-controls","field clear controls",[705,952,953],{},"The border in this comparison belongs to the illustrative field, not either\nbutton.",[696,955],{"name":956},"button-text",[758,958,960],{"className":760,"code":959,"language":762,"meta":763,"style":763},"\u003Cdiv class=\"flex items-center rounded-[var(--selaras-resolved-radius-md)] ring-1 ring-inset ring-[var(--selaras-resolved-border-default)]\">\n  \u003Cspan>Example field\u003C\u002Fspan>\n  \u003CSButton icon=\"hugeicons:cancel-01\" variant=\"text\" aria-label=\"Clear\" \u002F>\n\u003C\u002Fdiv>\n",[708,961,962,979,993,1023],{"__ignoreMap":763},[767,963,964,966,969,972,974,977],{"class":769,"line":8},[767,965,773],{"class":772},[767,967,968],{"class":776},"div",[767,970,971],{"class":780}," class",[767,973,784],{"class":772},[767,975,976],{"class":787},"\"flex items-center rounded-[var(--selaras-resolved-radius-md)] ring-1 ring-inset ring-[var(--selaras-resolved-border-default)]\"",[767,978,796],{"class":772},[767,980,981,984,986,989,991],{"class":769,"line":799},[767,982,983],{"class":772},"  \u003C",[767,985,767],{"class":776},[767,987,988],{"class":772},">Example field\u003C\u002F",[767,990,767],{"class":776},[767,992,796],{"class":772},[767,994,996,998,1000,1002,1004,1007,1009,1011,1014,1016,1018,1021],{"class":769,"line":995},3,[767,997,983],{"class":772},[767,999,777],{"class":776},[767,1001,781],{"class":780},[767,1003,784],{"class":772},[767,1005,1006],{"class":787},"\"hugeicons:cancel-01\"",[767,1008,869],{"class":780},[767,1010,784],{"class":772},[767,1012,1013],{"class":787},"\"text\"",[767,1015,877],{"class":780},[767,1017,784],{"class":772},[767,1019,1020],{"class":787},"\"Clear\"",[767,1022,885],{"class":772},[767,1024,1026,1029,1031],{"class":769,"line":1025},4,[767,1027,1028],{"class":772},"\u003C\u002F",[767,1030,968],{"class":776},[767,1032,796],{"class":772},[705,1034,1035,1037,1038,1040],{},[708,1036,718],{}," is the underlined text-action variant. Use it for an action that\nnavigates; ",[708,1039,722],{}," is the unadorned text action.",[700,1042,1044],{"id":1043},"loading","Loading",[705,1046,1047,1049,1050,1053,1054,1057,1058,1061,1062,1064],{},[708,1048,1043],{}," swaps the leading icon for a spinner. It doesn't imply ",[708,1051,1052],{},"disabled"," -\ncombine both if a busy button shouldn't be clickable, the same split\n",[842,1055,254],{"href":1056},"\u002Fcomponents\u002Fforms\u002Fselect#states"," and\n",[842,1059,269],{"href":1060},"\u002Fcomponents\u002Fforms\u002Fautocomplete#sizes-and-states"," already use\nfor their own ",[708,1063,1043],{}," prop.",[696,1066],{"name":1067},"button-loading",[758,1069,1071],{"className":760,"code":1070,"language":762,"meta":763,"style":763},"\u003CSButton icon=\"hugeicons:floppy-disk\" :loading=\"saving\" :disabled=\"saving\" @click=\"save\">\n  {{ saving ? 'Saving...' : 'Save' }}\n\u003C\u002FSButton>\n",[708,1072,1073,1130,1135],{"__ignoreMap":763},[767,1074,1075,1077,1079,1081,1083,1086,1089,1091,1093,1096,1099,1101,1103,1105,1107,1109,1111,1113,1116,1119,1121,1123,1126,1128],{"class":769,"line":8},[767,1076,773],{"class":772},[767,1078,777],{"class":776},[767,1080,781],{"class":780},[767,1082,784],{"class":772},[767,1084,1085],{"class":787},"\"hugeicons:floppy-disk\"",[767,1087,1088],{"class":772}," :",[767,1090,1043],{"class":780},[767,1092,784],{"class":772},[767,1094,1095],{"class":787},"\"",[767,1097,1098],{"class":772},"saving",[767,1100,1095],{"class":787},[767,1102,1088],{"class":772},[767,1104,1052],{"class":780},[767,1106,784],{"class":772},[767,1108,1095],{"class":787},[767,1110,1098],{"class":772},[767,1112,1095],{"class":787},[767,1114,1115],{"class":772}," @",[767,1117,1118],{"class":780},"click",[767,1120,784],{"class":772},[767,1122,1095],{"class":787},[767,1124,1125],{"class":772},"save",[767,1127,1095],{"class":787},[767,1129,796],{"class":772},[767,1131,1132],{"class":769,"line":799},[767,1133,1134],{"class":772},"  {{ saving ? 'Saving...' : 'Save' }}\n",[767,1136,1137,1139,1141],{"class":769,"line":995},[767,1138,1028],{"class":772},[767,1140,777],{"class":776},[767,1142,796],{"class":772},[700,1144,1146],{"id":1145},"as-a-link","As a link",[705,1148,1149,1152,1153,1156,1157,1160,1161,1164,1165,1168],{},[708,1150,1151],{},"to"," renders a NuxtLink for client-side navigation. Use ",[708,1154,1155],{},"as=\"a\""," with\n",[708,1158,1159],{},"href"," for external links, or set ",[708,1162,1163],{},"as"," explicitly to override automatic\nrouting. Disabled routed buttons expose ",[708,1166,1167],{},"aria-disabled",", leave the tab order,\nand ignore clicks.",[696,1170],{"name":1171},"button-link",[758,1173,1175],{"className":760,"code":1174,"language":762,"meta":763,"style":763},"\u003CSButton as=\"a\" href=\"https:\u002F\u002Fgithub.com\" target=\"_blank\" rel=\"noopener\" trailing-icon=\"hugeicons:square-arrow-up-right\">\n  Open a link\n\u003C\u002FSButton>\n\u003CSButton to=\"\u002Faccount\">Account\u003C\u002FSButton>\n\u003CSButton variant=\"link\" to=\"\u002Fforgot-password\">Forgot password?\u003C\u002FSButton>\n",[708,1176,1177,1224,1229,1237,1258],{"__ignoreMap":763},[767,1178,1179,1181,1183,1186,1188,1191,1194,1196,1199,1202,1204,1207,1210,1212,1215,1217,1219,1222],{"class":769,"line":8},[767,1180,773],{"class":772},[767,1182,777],{"class":776},[767,1184,1185],{"class":780}," as",[767,1187,784],{"class":772},[767,1189,1190],{"class":787},"\"a\"",[767,1192,1193],{"class":780}," href",[767,1195,784],{"class":772},[767,1197,1198],{"class":787},"\"https:\u002F\u002Fgithub.com\"",[767,1200,1201],{"class":780}," target",[767,1203,784],{"class":772},[767,1205,1206],{"class":787},"\"_blank\"",[767,1208,1209],{"class":780}," rel",[767,1211,784],{"class":772},[767,1213,1214],{"class":787},"\"noopener\"",[767,1216,806],{"class":780},[767,1218,784],{"class":772},[767,1220,1221],{"class":787},"\"hugeicons:square-arrow-up-right\"",[767,1223,796],{"class":772},[767,1225,1226],{"class":769,"line":799},[767,1227,1228],{"class":772},"  Open a link\n",[767,1230,1231,1233,1235],{"class":769,"line":995},[767,1232,1028],{"class":772},[767,1234,777],{"class":776},[767,1236,796],{"class":772},[767,1238,1239,1241,1243,1246,1248,1251,1254,1256],{"class":769,"line":1025},[767,1240,773],{"class":772},[767,1242,777],{"class":776},[767,1244,1245],{"class":780}," to",[767,1247,784],{"class":772},[767,1249,1250],{"class":787},"\"\u002Faccount\"",[767,1252,1253],{"class":772},">Account\u003C\u002F",[767,1255,777],{"class":776},[767,1257,796],{"class":772},[767,1259,1261,1263,1265,1267,1269,1272,1274,1276,1279,1282,1284],{"class":769,"line":1260},5,[767,1262,773],{"class":772},[767,1264,777],{"class":776},[767,1266,869],{"class":780},[767,1268,784],{"class":772},[767,1270,1271],{"class":787},"\"link\"",[767,1273,1245],{"class":780},[767,1275,784],{"class":772},[767,1277,1278],{"class":787},"\"\u002Fforgot-password\"",[767,1280,1281],{"class":772},">Forgot password?\u003C\u002F",[767,1283,777],{"class":776},[767,1285,796],{"class":772},[705,1287,1288,1289,1291,1292,1294,1295,1298,1299,1302],{},"For the common internal-route case, ",[708,1290,1151],{}," handles NuxtLink automatically. If\nyou need another routing component, pass its resolved component reference in\n",[708,1293,1163],{}," - ",[708,1296,1297],{},"Primitive"," renders the explicit component via ",[708,1300,1301],{},"h()",":",[758,1304,1308],{"className":1305,"code":1306,"language":1307,"meta":763,"style":763},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst NuxtLinkComponent = resolveComponent('NuxtLink')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSButton :as=\"NuxtLinkComponent\" to=\"\u002Fcomponents\u002Felements\u002Fbutton\">\n    Browse components\n  \u003C\u002FSButton>\n\u003C\u002Ftemplate>\n","vue",[708,1309,1310,1330,1355,1363,1368,1377,1406,1412,1422],{"__ignoreMap":763},[767,1311,1312,1314,1317,1320,1323,1325,1328],{"class":769,"line":8},[767,1313,773],{"class":772},[767,1315,1316],{"class":776},"script",[767,1318,1319],{"class":780}," setup",[767,1321,1322],{"class":780}," lang",[767,1324,784],{"class":772},[767,1326,1327],{"class":787},"\"ts\"",[767,1329,796],{"class":772},[767,1331,1332,1336,1340,1343,1346,1349,1352],{"class":769,"line":799},[767,1333,1335],{"class":1334},"szBVR","const",[767,1337,1339],{"class":1338},"sj4cs"," NuxtLinkComponent",[767,1341,1342],{"class":1334}," =",[767,1344,1345],{"class":780}," resolveComponent",[767,1347,1348],{"class":772},"(",[767,1350,1351],{"class":787},"'NuxtLink'",[767,1353,1354],{"class":772},")\n",[767,1356,1357,1359,1361],{"class":769,"line":995},[767,1358,1028],{"class":772},[767,1360,1316],{"class":776},[767,1362,796],{"class":772},[767,1364,1365],{"class":769,"line":1025},[767,1366,1367],{"emptyLinePlaceholder":686},"\n",[767,1369,1370,1372,1375],{"class":769,"line":1260},[767,1371,773],{"class":772},[767,1373,1374],{"class":776},"template",[767,1376,796],{"class":772},[767,1378,1380,1382,1384,1386,1388,1390,1392,1395,1397,1399,1401,1404],{"class":769,"line":1379},6,[767,1381,983],{"class":772},[767,1383,777],{"class":776},[767,1385,1088],{"class":772},[767,1387,1163],{"class":780},[767,1389,784],{"class":772},[767,1391,1095],{"class":787},[767,1393,1394],{"class":772},"NuxtLinkComponent",[767,1396,1095],{"class":787},[767,1398,1245],{"class":780},[767,1400,784],{"class":772},[767,1402,1403],{"class":787},"\"\u002Fcomponents\u002Felements\u002Fbutton\"",[767,1405,796],{"class":772},[767,1407,1409],{"class":769,"line":1408},7,[767,1410,1411],{"class":772},"    Browse components\n",[767,1413,1415,1418,1420],{"class":769,"line":1414},8,[767,1416,1417],{"class":772},"  \u003C\u002F",[767,1419,777],{"class":776},[767,1421,796],{"class":772},[767,1423,1425,1427,1429],{"class":769,"line":1424},9,[767,1426,1028],{"class":772},[767,1428,1374],{"class":776},[767,1430,796],{"class":772},[700,1432,1434],{"id":1433},"raised","Raised",[705,1436,1437,1439,1440,1443,1444,1447,1448,6,1450,1452,1453,753],{},[708,1438,1433],{}," adds ",[708,1441,1442],{},"--selaras-resolved-shadow-md",", independent of ",[708,1445,1446],{},"variant"," - useful for a solid\nbutton that needs to lift off a busy background, or even a ",[708,1449,714],{},[708,1451,945],{},"\none that wants some elevation without switching to ",[708,1454,1455],{},"solid",[696,1457],{"name":1458},"button-raised",[758,1460,1462],{"className":760,"code":1461,"language":762,"meta":763,"style":763},"\u003CSButton raised>Raised solid\u003C\u002FSButton>\n\u003CSButton raised variant=\"soft\">Raised soft\u003C\u002FSButton>\n",[708,1463,1464,1480],{"__ignoreMap":763},[767,1465,1466,1468,1470,1473,1476,1478],{"class":769,"line":8},[767,1467,773],{"class":772},[767,1469,777],{"class":776},[767,1471,1472],{"class":780}," raised",[767,1474,1475],{"class":772},">Raised solid\u003C\u002F",[767,1477,777],{"class":776},[767,1479,796],{"class":772},[767,1481,1482,1484,1486,1488,1490,1492,1495,1498,1500],{"class":769,"line":799},[767,1483,773],{"class":772},[767,1485,777],{"class":776},[767,1487,1472],{"class":780},[767,1489,869],{"class":780},[767,1491,784],{"class":772},[767,1493,1494],{"class":787},"\"soft\"",[767,1496,1497],{"class":772},">Raised soft\u003C\u002F",[767,1499,777],{"class":776},[767,1501,796],{"class":772},[700,1503,148],{"id":1504},"badge",[705,1506,1507,1508,1510,1511,6,1514,1517],{},"There's no built-in badge slot - overlay a real ",[842,1509,148],{"href":149},"\non an icon-only button with a ",[708,1512,1513],{},"relative",[708,1515,1516],{},"absolute"," pair:",[696,1519],{"name":1520},"button-badge",[758,1522,1524],{"className":760,"code":1523,"language":762,"meta":763,"style":763},"\u003Cdiv class=\"relative inline-flex\">\n  \u003CSButton variant=\"outline\" icon=\"hugeicons:notification-01\" aria-label=\"Notifications\" \u002F>\n  \u003CSBadge label=\"3\" color=\"danger\" size=\"sm\" class=\"absolute -top-1.5 -right-1.5\" \u002F>\n\u003C\u002Fdiv>\n",[708,1525,1526,1541,1569,1609],{"__ignoreMap":763},[767,1527,1528,1530,1532,1534,1536,1539],{"class":769,"line":8},[767,1529,773],{"class":772},[767,1531,968],{"class":776},[767,1533,971],{"class":780},[767,1535,784],{"class":772},[767,1537,1538],{"class":787},"\"relative inline-flex\"",[767,1540,796],{"class":772},[767,1542,1543,1545,1547,1549,1551,1553,1555,1557,1560,1562,1564,1567],{"class":769,"line":799},[767,1544,983],{"class":772},[767,1546,777],{"class":776},[767,1548,869],{"class":780},[767,1550,784],{"class":772},[767,1552,874],{"class":787},[767,1554,781],{"class":780},[767,1556,784],{"class":772},[767,1558,1559],{"class":787},"\"hugeicons:notification-01\"",[767,1561,877],{"class":780},[767,1563,784],{"class":772},[767,1565,1566],{"class":787},"\"Notifications\"",[767,1568,885],{"class":772},[767,1570,1571,1573,1576,1579,1581,1584,1587,1589,1592,1595,1597,1600,1602,1604,1607],{"class":769,"line":995},[767,1572,983],{"class":772},[767,1574,1575],{"class":776},"SBadge",[767,1577,1578],{"class":780}," label",[767,1580,784],{"class":772},[767,1582,1583],{"class":787},"\"3\"",[767,1585,1586],{"class":780}," color",[767,1588,784],{"class":772},[767,1590,1591],{"class":787},"\"danger\"",[767,1593,1594],{"class":780}," size",[767,1596,784],{"class":772},[767,1598,1599],{"class":787},"\"sm\"",[767,1601,971],{"class":780},[767,1603,784],{"class":772},[767,1605,1606],{"class":787},"\"absolute -top-1.5 -right-1.5\"",[767,1608,885],{"class":772},[767,1610,1611,1613,1615],{"class":769,"line":1025},[767,1612,1028],{"class":772},[767,1614,968],{"class":776},[767,1616,796],{"class":772},[700,1618,1620],{"id":1619},"button-group","Button group",[705,1622,1623,1624,753],{},"Adjacent buttons visually joined into one unit are their own component -\nsee ",[842,1625,143],{"href":144},[700,1627,1629],{"id":1628},"sizes-and-states","Sizes and states",[705,1631,1632,1634,1635,1638,1639,1638,1642,1645,1646,1648,1649,1653],{},[708,1633,835],{}," takes ",[708,1636,1637],{},"sm"," \u002F ",[708,1640,1641],{},"md",[708,1643,1644],{},"lg",", ",[708,1647,1052],{}," prevents interaction and dims the\nbutton - see the ",[842,1650,1652],{"href":1651},"#props","Props"," table below.",[700,1655,1657,1658],{"id":1656},"custom-ui","Custom ",[708,1659,1660],{},":ui",[705,1662,1663],{},"Every slot can be overridden without fighting the defaults — the override is\ntailwind-merge'd, so conflicting utilities resolve instead of both applying.",[758,1665,1667],{"className":760,"code":1666,"language":762,"meta":763,"style":763},"\u003CSButton :ui=\"{ base: 'rounded-full' }\">Pill button\u003C\u002FSButton>\n",[708,1668,1669],{"__ignoreMap":763},[767,1670,1671,1673,1675,1677,1680,1682,1684,1687,1690,1693,1695,1698,1700],{"class":769,"line":8},[767,1672,773],{"class":772},[767,1674,777],{"class":776},[767,1676,1088],{"class":772},[767,1678,1679],{"class":780},"ui",[767,1681,784],{"class":772},[767,1683,1095],{"class":787},[767,1685,1686],{"class":772},"{ base: ",[767,1688,1689],{"class":787},"'rounded-full'",[767,1691,1692],{"class":772}," }",[767,1694,1095],{"class":787},[767,1696,1697],{"class":772},">Pill button\u003C\u002F",[767,1699,777],{"class":776},[767,1701,796],{"class":772},[705,1703,1704,1705,1707],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's ",[708,1706,139],{},"'s own theme file:",[1709,1710],"theme-source",{"name":1711},"button",[700,1713,62],{"id":1714},"accessibility",[705,1716,1717,1718,1721,1722,6,1726,1729,1730,1733,1734,1736,1737,1740,1741,1744,1745,1747],{},"A default ",[708,1719,1720],{},"as=\"button\""," gets native button semantics (keyboard-activatable\nwith ",[1723,1724,1725],"kbd",{},"Enter",[1723,1727,1728],{},"Space",", exposed as ",[708,1731,1732],{},"role=\"button\"",") for free -\nnothing to configure. Rendering ",[708,1735,1155],{}," instead exposes link semantics and\nkeyboard behavior instead, which is exactly why ",[842,1738,1146],{"href":1739},"#as-a-link"," exists\nrather than styling an ",[708,1742,1743],{},"\u003Ca>"," to merely look like a button. An icon-only button\nhas no accessible name of its own - always pass ",[708,1746,839],{}," in that case, as\nshown above.",[691,1749,1652],{"id":1750},"props",[1752,1753,1754,1770],"table",{},[1755,1756,1757],"thead",{},[1758,1759,1760,1764,1767],"tr",{},[1761,1762,1763],"th",{},"Prop",[1761,1765,1766],{},"Type",[1761,1768,1769],{},"Default",[1771,1772,1773,1791,1806,1824,1838,1853,1868,1885,1899,1913,1927,1939,1951,1963],"tbody",{},[1758,1774,1775,1781,1786],{},[1776,1777,1778],"td",{},[708,1779,1780],{},"type",[1776,1782,1783],{},[708,1784,1785],{},"'button' | 'submit' | 'reset'",[1776,1787,1788],{},[708,1789,1790],{},"'button'",[1758,1792,1793,1797,1802],{},[1776,1794,1795],{},[708,1796,1163],{},[1776,1798,1799],{},[708,1800,1801],{},"string | Component",[1776,1803,1804],{},[708,1805,1790],{},[1758,1807,1808,1813,1819],{},[1776,1809,1810],{},[708,1811,1812],{},"color",[1776,1814,1815,1818],{},[708,1816,1817],{},"ColorRole"," (built-in and registered roles)",[1776,1820,1821],{},[708,1822,1823],{},"primary",[1758,1825,1826,1830,1835],{},[1776,1827,1828],{},[708,1829,1151],{},[1776,1831,1832],{},[708,1833,1834],{},"string",[1776,1836,1837],{},"-",[1758,1839,1840,1844,1849],{},[1776,1841,1842],{},[708,1843,1446],{},[1776,1845,1846],{},[708,1847,1848],{},"'solid' | 'soft' | 'subtle' | 'outline' | 'ghost' | 'text' | 'link'",[1776,1850,1851],{},[708,1852,1455],{},[1758,1854,1855,1859,1864],{},[1776,1856,1857],{},[708,1858,835],{},[1776,1860,1861],{},[708,1862,1863],{},"'sm' | 'md' | 'lg'",[1776,1865,1866],{},[708,1867,1641],{},[1758,1869,1870,1875,1880],{},[1776,1871,1872],{},[708,1873,1874],{},"block",[1776,1876,1877],{},[708,1878,1879],{},"boolean",[1776,1881,1882],{},[708,1883,1884],{},"false",[1758,1886,1887,1891,1895],{},[1776,1888,1889],{},[708,1890,1433],{},[1776,1892,1893],{},[708,1894,1879],{},[1776,1896,1897],{},[708,1898,1884],{},[1758,1900,1901,1905,1909],{},[1776,1902,1903],{},[708,1904,1052],{},[1776,1906,1907],{},[708,1908,1879],{},[1776,1910,1911],{},[708,1912,1884],{},[1758,1914,1915,1919,1923],{},[1776,1916,1917],{},[708,1918,1043],{},[1776,1920,1921],{},[708,1922,1879],{},[1776,1924,1925],{},[708,1926,1884],{},[1758,1928,1929,1933,1937],{},[1776,1930,1931],{},[708,1932,744],{},[1776,1934,1935],{},[708,1936,1834],{},[1776,1938,1837],{},[1758,1940,1941,1945,1949],{},[1776,1942,1943],{},[708,1944,748],{},[1776,1946,1947],{},[708,1948,1834],{},[1776,1950,1837],{},[1758,1952,1953,1957,1961],{},[1776,1954,1955],{},[708,1956,888],{},[1776,1958,1959],{},[708,1960,1879],{},[1776,1962,1837],{},[1758,1964,1965,1969,1974],{},[1776,1966,1967],{},[708,1968,1679],{},[1776,1970,1971],{},[708,1972,1973],{},"Partial\u003CRecord\u003C'base' | 'leadingIcon' | 'trailingIcon', string | object>>",[1776,1975,1837],{},[691,1977,1979],{"id":1978},"slots","Slots",[1752,1981,1982,1994],{},[1755,1983,1984],{},[1758,1985,1986,1989,1991],{},[1761,1987,1988],{},"Slot",[1761,1990,1652],{},[1761,1992,1993],{},"Description",[1771,1995,1996,2010],{},[1758,1997,1998,2002,2007],{},[1776,1999,2000],{},[708,2001,744],{},[1776,2003,2004],{},[708,2005,2006],{},"{ class }",[1776,2008,2009],{},"Replaces the leading icon entirely; the scoped class carries the icon's resolved size classes",[1758,2011,2012,2017,2021],{},[1776,2013,2014],{},[708,2015,2016],{},"trailing-icon",[1776,2018,2019],{},[708,2020,2006],{},[1776,2022,2023],{},"Replaces the trailing icon entirely; the scoped class carries the icon's resolved size classes",[2025,2026,2027],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":763,"searchDepth":995,"depth":995,"links":2029},[2030,2047,2048],{"id":693,"depth":799,"text":694,"children":2031},[2032,2033,2034,2035,2036,2037,2038,2039,2040,2041,2042,2043,2044,2046],{"id":702,"depth":995,"text":703},{"id":729,"depth":995,"text":730},{"id":739,"depth":995,"text":42},{"id":821,"depth":995,"text":822},{"id":888,"depth":995,"text":889},{"id":722,"depth":995,"text":937},{"id":1043,"depth":995,"text":1044},{"id":1145,"depth":995,"text":1146},{"id":1433,"depth":995,"text":1434},{"id":1504,"depth":995,"text":148},{"id":1619,"depth":995,"text":1620},{"id":1628,"depth":995,"text":1629},{"id":1656,"depth":995,"text":2045},"Custom :ui",{"id":1714,"depth":995,"text":62},{"id":1750,"depth":799,"text":1652},{"id":1978,"depth":799,"text":1979},"A clickable action element with color, variant and size options.",{},{"title":139,"description":2049},"6HWBPPRtNOSxHu-3qBoctnV4TRnyL_iZYr5SI8T2qH0",{"id":2054,"title":139,"aside":686,"body":2055,"collapse":10,"description":3187,"editLink":686,"extension":1641,"icon":9,"issueLink":686,"meta":3188,"navBadges":9,"navigation":9,"order":13,"path":3189,"prevNext":686,"seo":3190,"stem":3191,"toc":686,"__hash__":3192},"docs\u002Fid\u002Fcomponents\u002Felements\u002Fbutton.md",{"type":688,"value":2056,"toc":3167},[2057,2061,2063,2065,2079,2081,2085,2088,2090,2094,2104,2106,2146,2150,2170,2172,2202,2204,2210,2212,2244,2246,2258,2261,2263,2327,2335,2337,2353,2355,2421,2425,2442,2444,2540,2553,2655,2657,2675,2677,2715,2717,2727,2729,2813,2815,2820,2824,2841,2845,2848,2880,2886,2888,2891,2918,2920,3122,3124,3165],[691,2058,2060],{"id":2059},"penggunaan","Penggunaan",[696,2062],{"name":698},[700,2064,703],{"id":702},[705,2066,2067,2069,2070,2072,2073,2075,2076,2078],{},[708,2068,710],{}," menggabungkan background bertint dari ",[708,2071,714],{}," dengan border. ",[708,2074,718],{}," menggunakan\ntransisi warna teks yang sama seperti ",[708,2077,722],{}," dan menambahkan underline saat hover.",[696,2080],{"name":726},[700,2082,2084],{"id":2083},"warna","Warna",[705,2086,2087],{},"Setiap warna di setiap varian, jadi mudah untuk membandingkan baik dalam satu\nwarna (apakah soft\u002Foutline\u002Fghost dapat dibaca?) maupun di berbagai warna (apakah tetap dapat dibedakan dengan sekilas?).",[696,2089],{"name":736},[700,2091,2093],{"id":2092},"ikon","Ikon",[705,2095,2096,2098,2099,2101,2102,753],{},[708,2097,744],{}," dan ",[708,2100,748],{}," menambahkan ikon sebelum atau setelah label - nama ikon yang didaftarkan apa pun berfungsi, tidak hanya ",[708,2103,752],{},[696,2105],{"name":756},[758,2107,2108],{"className":760,"code":761,"language":762,"meta":763,"style":763},[708,2109,2110,2128],{"__ignoreMap":763},[767,2111,2112,2114,2116,2118,2120,2122,2124,2126],{"class":769,"line":8},[767,2113,773],{"class":772},[767,2115,777],{"class":776},[767,2117,781],{"class":780},[767,2119,784],{"class":772},[767,2121,788],{"class":787},[767,2123,791],{"class":772},[767,2125,777],{"class":776},[767,2127,796],{"class":772},[767,2129,2130,2132,2134,2136,2138,2140,2142,2144],{"class":769,"line":799},[767,2131,773],{"class":772},[767,2133,777],{"class":776},[767,2135,806],{"class":780},[767,2137,784],{"class":772},[767,2139,811],{"class":787},[767,2141,814],{"class":772},[767,2143,777],{"class":776},[767,2145,796],{"class":772},[700,2147,2149],{"id":2148},"ikon-saja","Ikon saja",[705,2151,2152,2153,2155,2156,2158,2159,2161,2162,2164,2165,2169],{},"Tidak ada prop ",[708,2154,828],{}," terpisar - berikan ",[708,2157,744],{}," tanpa konten slot default dan bentuknya otomatis menjadi persegi (mencocokkan ",[708,2160,835],{},"-nya sendiri), daripada memerlukan flag eksplisit yang mungkin terlupakan. Selalu tambahkan ",[708,2163,839],{}," sendiri ketika tidak ada teks yang terlihat - ia diteruskan ke root element seperti atribut lainnya (lihat ",[842,2166,2168],{"href":2167},"#aksesibilitas","Aksesibilitas"," di bawah).",[696,2171],{"name":848},[758,2173,2174],{"className":760,"code":851,"language":762,"meta":763,"style":763},[708,2175,2176],{"__ignoreMap":763},[767,2177,2178,2180,2182,2184,2186,2188,2190,2192,2194,2196,2198,2200],{"class":769,"line":8},[767,2179,773],{"class":772},[767,2181,777],{"class":776},[767,2183,781],{"class":780},[767,2185,784],{"class":772},[767,2187,866],{"class":787},[767,2189,869],{"class":780},[767,2191,784],{"class":772},[767,2193,874],{"class":787},[767,2195,877],{"class":780},[767,2197,784],{"class":772},[767,2199,882],{"class":787},[767,2201,885],{"class":772},[700,2203,889],{"id":888},[705,2205,2206,2207,2209],{},"Tombol ikon-saja sudah otomatis berbentuk persegi (lihat di atas) - ",[708,2208,888],{}," digunakan ketika kontennya bukan ikon tetapi tetap harus mendapatkan perlakuan lebar\u002Ftinggi yang sama, seperti nomor halaman atau tanggal kalender. Tanpanya, setiap tombol menyesuaikan lebar teksnya sendiri dan sebaris tombol (pagination bar, grid kalender) tidak akan sejajar:",[696,2211],{"name":898},[758,2213,2214],{"className":760,"code":901,"language":762,"meta":763,"style":763},[708,2215,2216,2230],{"__ignoreMap":763},[767,2217,2218,2220,2222,2224,2226,2228],{"class":769,"line":8},[767,2219,773],{"class":772},[767,2221,777],{"class":776},[767,2223,912],{"class":780},[767,2225,915],{"class":772},[767,2227,777],{"class":776},[767,2229,796],{"class":772},[767,2231,2232,2234,2236,2238,2240,2242],{"class":769,"line":799},[767,2233,773],{"class":772},[767,2235,777],{"class":776},[767,2237,912],{"class":780},[767,2239,930],{"class":772},[767,2241,777],{"class":776},[767,2243,796],{"class":772},[700,2245,937],{"id":722},[705,2247,2248,2250,2251,2253,2254,753],{},[708,2249,722],{}," tidak pernah menggambar background, di state apa pun; hanya warna label\u002Fikon yang berubah saat hover. Gunakan untuk aksi yang membutuhkan bobot visual minimal. Kontrol clear field bawaan menggunakan tombol ",[708,2252,945],{}," netral untuk respons hover yang lebih terlihat. Lihat ",[842,2255,2257],{"href":2256},"\u002Foverview\u002Ftheming\u002Fcomponent-styling#kontrol-clear-field","kontrol clear field",[705,2259,2260],{},"Border dalam perbandingan ini milik field ilustrasi, bukan salah satu tombol.",[696,2262],{"name":956},[758,2264,2265],{"className":760,"code":959,"language":762,"meta":763,"style":763},[708,2266,2267,2281,2293,2319],{"__ignoreMap":763},[767,2268,2269,2271,2273,2275,2277,2279],{"class":769,"line":8},[767,2270,773],{"class":772},[767,2272,968],{"class":776},[767,2274,971],{"class":780},[767,2276,784],{"class":772},[767,2278,976],{"class":787},[767,2280,796],{"class":772},[767,2282,2283,2285,2287,2289,2291],{"class":769,"line":799},[767,2284,983],{"class":772},[767,2286,767],{"class":776},[767,2288,988],{"class":772},[767,2290,767],{"class":776},[767,2292,796],{"class":772},[767,2294,2295,2297,2299,2301,2303,2305,2307,2309,2311,2313,2315,2317],{"class":769,"line":995},[767,2296,983],{"class":772},[767,2298,777],{"class":776},[767,2300,781],{"class":780},[767,2302,784],{"class":772},[767,2304,1006],{"class":787},[767,2306,869],{"class":780},[767,2308,784],{"class":772},[767,2310,1013],{"class":787},[767,2312,877],{"class":780},[767,2314,784],{"class":772},[767,2316,1020],{"class":787},[767,2318,885],{"class":772},[767,2320,2321,2323,2325],{"class":769,"line":1025},[767,2322,1028],{"class":772},[767,2324,968],{"class":776},[767,2326,796],{"class":772},[705,2328,2329,2331,2332,2334],{},[708,2330,718],{}," adalah varian teks aksi yang digarisbawahi. Gunakan untuk aksi yang menavigasi; ",[708,2333,722],{}," adalah aksi teks tanpa hiasan.",[700,2336,1044],{"id":1043},[705,2338,2339,2341,2342,2344,2345,2098,2347,2349,2350,2352],{},[708,2340,1043],{}," menukar ikon depan dengan spinner. Ini tidak menyiratkan ",[708,2343,1052],{}," - gabungkan keduanya jika tombol yang sibuk tidak boleh diklik, split yang sama yang digunakan ",[842,2346,254],{"href":1056},[842,2348,269],{"href":1060}," untuk prop ",[708,2351,1043],{}," mereka sendiri.",[696,2354],{"name":1067},[758,2356,2357],{"className":760,"code":1070,"language":762,"meta":763,"style":763},[708,2358,2359,2409,2413],{"__ignoreMap":763},[767,2360,2361,2363,2365,2367,2369,2371,2373,2375,2377,2379,2381,2383,2385,2387,2389,2391,2393,2395,2397,2399,2401,2403,2405,2407],{"class":769,"line":8},[767,2362,773],{"class":772},[767,2364,777],{"class":776},[767,2366,781],{"class":780},[767,2368,784],{"class":772},[767,2370,1085],{"class":787},[767,2372,1088],{"class":772},[767,2374,1043],{"class":780},[767,2376,784],{"class":772},[767,2378,1095],{"class":787},[767,2380,1098],{"class":772},[767,2382,1095],{"class":787},[767,2384,1088],{"class":772},[767,2386,1052],{"class":780},[767,2388,784],{"class":772},[767,2390,1095],{"class":787},[767,2392,1098],{"class":772},[767,2394,1095],{"class":787},[767,2396,1115],{"class":772},[767,2398,1118],{"class":780},[767,2400,784],{"class":772},[767,2402,1095],{"class":787},[767,2404,1125],{"class":772},[767,2406,1095],{"class":787},[767,2408,796],{"class":772},[767,2410,2411],{"class":769,"line":799},[767,2412,1134],{"class":772},[767,2414,2415,2417,2419],{"class":769,"line":995},[767,2416,1028],{"class":772},[767,2418,777],{"class":776},[767,2420,796],{"class":772},[700,2422,2424],{"id":2423},"sebagai-link","Sebagai link",[705,2426,2427,2429,2430,2432,2433,2435,2436,2438,2439,2441],{},[708,2428,1151],{}," merender NuxtLink untuk navigasi klien. Gunakan ",[708,2431,1155],{}," dengan ",[708,2434,1159],{}," untuk link eksternal, atau atur ",[708,2437,1163],{}," secara eksplisit untuk mengganti routing otomatis. Tombol routed yang disabled mengekspos ",[708,2440,1167],{},", tetap berada di tab order, dan mengabaikan klik.",[696,2443],{"name":1171},[758,2445,2446],{"className":760,"code":1174,"language":762,"meta":763,"style":763},[708,2447,2448,2486,2490,2498,2516],{"__ignoreMap":763},[767,2449,2450,2452,2454,2456,2458,2460,2462,2464,2466,2468,2470,2472,2474,2476,2478,2480,2482,2484],{"class":769,"line":8},[767,2451,773],{"class":772},[767,2453,777],{"class":776},[767,2455,1185],{"class":780},[767,2457,784],{"class":772},[767,2459,1190],{"class":787},[767,2461,1193],{"class":780},[767,2463,784],{"class":772},[767,2465,1198],{"class":787},[767,2467,1201],{"class":780},[767,2469,784],{"class":772},[767,2471,1206],{"class":787},[767,2473,1209],{"class":780},[767,2475,784],{"class":772},[767,2477,1214],{"class":787},[767,2479,806],{"class":780},[767,2481,784],{"class":772},[767,2483,1221],{"class":787},[767,2485,796],{"class":772},[767,2487,2488],{"class":769,"line":799},[767,2489,1228],{"class":772},[767,2491,2492,2494,2496],{"class":769,"line":995},[767,2493,1028],{"class":772},[767,2495,777],{"class":776},[767,2497,796],{"class":772},[767,2499,2500,2502,2504,2506,2508,2510,2512,2514],{"class":769,"line":1025},[767,2501,773],{"class":772},[767,2503,777],{"class":776},[767,2505,1245],{"class":780},[767,2507,784],{"class":772},[767,2509,1250],{"class":787},[767,2511,1253],{"class":772},[767,2513,777],{"class":776},[767,2515,796],{"class":772},[767,2517,2518,2520,2522,2524,2526,2528,2530,2532,2534,2536,2538],{"class":769,"line":1260},[767,2519,773],{"class":772},[767,2521,777],{"class":776},[767,2523,869],{"class":780},[767,2525,784],{"class":772},[767,2527,1271],{"class":787},[767,2529,1245],{"class":780},[767,2531,784],{"class":772},[767,2533,1278],{"class":787},[767,2535,1281],{"class":772},[767,2537,777],{"class":776},[767,2539,796],{"class":772},[705,2541,2542,2543,2545,2546,1294,2548,2550,2551,1302],{},"Untuk kasus route internal yang umum, ",[708,2544,1151],{}," menangani NuxtLink secara otomatis. Jika Anda membutuhkan komponen routing lain, teruskan referensi komponen yang sudah di-resolve di ",[708,2547,1163],{},[708,2549,1297],{}," merender komponen eksplisit melalui ",[708,2552,1301],{},[758,2554,2555],{"className":1305,"code":1306,"language":1307,"meta":763,"style":763},[708,2556,2557,2573,2589,2597,2601,2609,2635,2639,2647],{"__ignoreMap":763},[767,2558,2559,2561,2563,2565,2567,2569,2571],{"class":769,"line":8},[767,2560,773],{"class":772},[767,2562,1316],{"class":776},[767,2564,1319],{"class":780},[767,2566,1322],{"class":780},[767,2568,784],{"class":772},[767,2570,1327],{"class":787},[767,2572,796],{"class":772},[767,2574,2575,2577,2579,2581,2583,2585,2587],{"class":769,"line":799},[767,2576,1335],{"class":1334},[767,2578,1339],{"class":1338},[767,2580,1342],{"class":1334},[767,2582,1345],{"class":780},[767,2584,1348],{"class":772},[767,2586,1351],{"class":787},[767,2588,1354],{"class":772},[767,2590,2591,2593,2595],{"class":769,"line":995},[767,2592,1028],{"class":772},[767,2594,1316],{"class":776},[767,2596,796],{"class":772},[767,2598,2599],{"class":769,"line":1025},[767,2600,1367],{"emptyLinePlaceholder":686},[767,2602,2603,2605,2607],{"class":769,"line":1260},[767,2604,773],{"class":772},[767,2606,1374],{"class":776},[767,2608,796],{"class":772},[767,2610,2611,2613,2615,2617,2619,2621,2623,2625,2627,2629,2631,2633],{"class":769,"line":1379},[767,2612,983],{"class":772},[767,2614,777],{"class":776},[767,2616,1088],{"class":772},[767,2618,1163],{"class":780},[767,2620,784],{"class":772},[767,2622,1095],{"class":787},[767,2624,1394],{"class":772},[767,2626,1095],{"class":787},[767,2628,1245],{"class":780},[767,2630,784],{"class":772},[767,2632,1403],{"class":787},[767,2634,796],{"class":772},[767,2636,2637],{"class":769,"line":1408},[767,2638,1411],{"class":772},[767,2640,2641,2643,2645],{"class":769,"line":1414},[767,2642,1417],{"class":772},[767,2644,777],{"class":776},[767,2646,796],{"class":772},[767,2648,2649,2651,2653],{"class":769,"line":1424},[767,2650,1028],{"class":772},[767,2652,1374],{"class":776},[767,2654,796],{"class":772},[700,2656,1434],{"id":1433},[705,2658,2659,2661,2662,2664,2665,2667,2668,6,2670,2672,2673,753],{},[708,2660,1433],{}," menambahkan ",[708,2663,1442],{},", independen dari ",[708,2666,1446],{}," - berguna untuk tombol solid yang perlu menonjol dari background yang ramai, atau bahkan tombol ",[708,2669,714],{},[708,2671,945],{}," yang ingin memiliki elevasi tanpa beralih ke ",[708,2674,1455],{},[696,2676],{"name":1458},[758,2678,2679],{"className":760,"code":1461,"language":762,"meta":763,"style":763},[708,2680,2681,2695],{"__ignoreMap":763},[767,2682,2683,2685,2687,2689,2691,2693],{"class":769,"line":8},[767,2684,773],{"class":772},[767,2686,777],{"class":776},[767,2688,1472],{"class":780},[767,2690,1475],{"class":772},[767,2692,777],{"class":776},[767,2694,796],{"class":772},[767,2696,2697,2699,2701,2703,2705,2707,2709,2711,2713],{"class":769,"line":799},[767,2698,773],{"class":772},[767,2700,777],{"class":776},[767,2702,1472],{"class":780},[767,2704,869],{"class":780},[767,2706,784],{"class":772},[767,2708,1494],{"class":787},[767,2710,1497],{"class":772},[767,2712,777],{"class":776},[767,2714,796],{"class":772},[700,2716,148],{"id":1504},[705,2718,2719,2720,2722,2723,6,2725,1302],{},"Tidak ada badge slot bawaan - overlay Badge yang sebenarnya ",[842,2721,148],{"href":149}," pada tombol ikon-saja dengan pasangan ",[708,2724,1513],{},[708,2726,1516],{},[696,2728],{"name":1520},[758,2730,2731],{"className":760,"code":1523,"language":762,"meta":763,"style":763},[708,2732,2733,2747,2773,2805],{"__ignoreMap":763},[767,2734,2735,2737,2739,2741,2743,2745],{"class":769,"line":8},[767,2736,773],{"class":772},[767,2738,968],{"class":776},[767,2740,971],{"class":780},[767,2742,784],{"class":772},[767,2744,1538],{"class":787},[767,2746,796],{"class":772},[767,2748,2749,2751,2753,2755,2757,2759,2761,2763,2765,2767,2769,2771],{"class":769,"line":799},[767,2750,983],{"class":772},[767,2752,777],{"class":776},[767,2754,869],{"class":780},[767,2756,784],{"class":772},[767,2758,874],{"class":787},[767,2760,781],{"class":780},[767,2762,784],{"class":772},[767,2764,1559],{"class":787},[767,2766,877],{"class":780},[767,2768,784],{"class":772},[767,2770,1566],{"class":787},[767,2772,885],{"class":772},[767,2774,2775,2777,2779,2781,2783,2785,2787,2789,2791,2793,2795,2797,2799,2801,2803],{"class":769,"line":995},[767,2776,983],{"class":772},[767,2778,1575],{"class":776},[767,2780,1578],{"class":780},[767,2782,784],{"class":772},[767,2784,1583],{"class":787},[767,2786,1586],{"class":780},[767,2788,784],{"class":772},[767,2790,1591],{"class":787},[767,2792,1594],{"class":780},[767,2794,784],{"class":772},[767,2796,1599],{"class":787},[767,2798,971],{"class":780},[767,2800,784],{"class":772},[767,2802,1606],{"class":787},[767,2804,885],{"class":772},[767,2806,2807,2809,2811],{"class":769,"line":1025},[767,2808,1028],{"class":772},[767,2810,968],{"class":776},[767,2812,796],{"class":772},[700,2814,1620],{"id":1619},[705,2816,2817,2818,753],{},"Tombol berdampingan yang bergabung secara visual menjadi satu unit adalah komponen tersendiri - lihat ",[842,2819,143],{"href":144},[700,2821,2823],{"id":2822},"ukuran-dan-state","Ukuran dan state",[705,2825,2826,2828,2829,1638,2831,1638,2833,1645,2835,2837,2838,2840],{},[708,2827,835],{}," menerima ",[708,2830,1637],{},[708,2832,1641],{},[708,2834,1644],{},[708,2836,1052],{}," mencegah interaksi dan meredupkan tombol - lihat tabel ",[842,2839,1652],{"href":1651}," di bawah.",[700,2842,1657,2843],{"id":1656},[708,2844,1660],{},[705,2846,2847],{},"Setiap slot dapat ditimpa tanpa melawan default - override di-tailwind-merge'd, jadi utilitas yang bertentangan resolve daripada keduanya diterapkan.",[758,2849,2850],{"className":760,"code":1666,"language":762,"meta":763,"style":763},[708,2851,2852],{"__ignoreMap":763},[767,2853,2854,2856,2858,2860,2862,2864,2866,2868,2870,2872,2874,2876,2878],{"class":769,"line":8},[767,2855,773],{"class":772},[767,2857,777],{"class":776},[767,2859,1088],{"class":772},[767,2861,1679],{"class":780},[767,2863,784],{"class":772},[767,2865,1095],{"class":787},[767,2867,1686],{"class":772},[767,2869,1689],{"class":787},[767,2871,1692],{"class":772},[767,2873,1095],{"class":787},[767,2875,1697],{"class":772},[767,2877,777],{"class":776},[767,2879,796],{"class":772},[705,2881,2882,2883,2885],{},"Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default untuk setiap slot dan varian - berikut adalah file tema ",[708,2884,139],{}," sendiri:",[1709,2887],{"name":1711},[700,2889,2168],{"id":2890},"aksesibilitas",[705,2892,2893,2894,2896,2897,6,2899,2901,2902,2904,2905,2907,2908,2911,2912,2914,2915,2917],{},"Default ",[708,2895,1720],{}," mendapatkan semantik tombol native (dapat diaktifkan dengan keyboard menggunakan ",[1723,2898,1725],{},[1723,2900,1728],{},", diekspos sebagai ",[708,2903,1732],{},") secara gratis - tidak ada yang perlu dikonfigurasi. Merender ",[708,2906,1155],{}," sebagai gantinya mengekspos semantik dan perilaku link, yang persis mengapa ",[842,2909,2424],{"href":2910},"#sebagai-link"," ada daripada menstyle ",[708,2913,1743],{}," agar hanya terlihat seperti tombol. Tombol ikon-saja tidak memiliki nama yang dapat diakses sendiri - selalu berikan ",[708,2916,839],{}," dalam kasus itu, seperti ditunjukkan di atas.",[691,2919,1652],{"id":1750},[1752,2921,2922,2933],{},[1755,2923,2924],{},[1758,2925,2926,2928,2931],{},[1761,2927,1763],{},[1761,2929,2930],{},"Tipe",[1761,2932,1769],{},[1771,2934,2935,2949,2963,2978,2990,3004,3018,3032,3046,3060,3074,3086,3098,3110],{},[1758,2936,2937,2941,2945],{},[1776,2938,2939],{},[708,2940,1780],{},[1776,2942,2943],{},[708,2944,1785],{},[1776,2946,2947],{},[708,2948,1790],{},[1758,2950,2951,2955,2959],{},[1776,2952,2953],{},[708,2954,1163],{},[1776,2956,2957],{},[708,2958,1801],{},[1776,2960,2961],{},[708,2962,1790],{},[1758,2964,2965,2969,2974],{},[1776,2966,2967],{},[708,2968,1812],{},[1776,2970,2971,2973],{},[708,2972,1817],{}," (role bawaan dan terdaftar)",[1776,2975,2976],{},[708,2977,1823],{},[1758,2979,2980,2984,2988],{},[1776,2981,2982],{},[708,2983,1151],{},[1776,2985,2986],{},[708,2987,1834],{},[1776,2989,1837],{},[1758,2991,2992,2996,3000],{},[1776,2993,2994],{},[708,2995,1446],{},[1776,2997,2998],{},[708,2999,1848],{},[1776,3001,3002],{},[708,3003,1455],{},[1758,3005,3006,3010,3014],{},[1776,3007,3008],{},[708,3009,835],{},[1776,3011,3012],{},[708,3013,1863],{},[1776,3015,3016],{},[708,3017,1641],{},[1758,3019,3020,3024,3028],{},[1776,3021,3022],{},[708,3023,1874],{},[1776,3025,3026],{},[708,3027,1879],{},[1776,3029,3030],{},[708,3031,1884],{},[1758,3033,3034,3038,3042],{},[1776,3035,3036],{},[708,3037,1433],{},[1776,3039,3040],{},[708,3041,1879],{},[1776,3043,3044],{},[708,3045,1884],{},[1758,3047,3048,3052,3056],{},[1776,3049,3050],{},[708,3051,1052],{},[1776,3053,3054],{},[708,3055,1879],{},[1776,3057,3058],{},[708,3059,1884],{},[1758,3061,3062,3066,3070],{},[1776,3063,3064],{},[708,3065,1043],{},[1776,3067,3068],{},[708,3069,1879],{},[1776,3071,3072],{},[708,3073,1884],{},[1758,3075,3076,3080,3084],{},[1776,3077,3078],{},[708,3079,744],{},[1776,3081,3082],{},[708,3083,1834],{},[1776,3085,1837],{},[1758,3087,3088,3092,3096],{},[1776,3089,3090],{},[708,3091,748],{},[1776,3093,3094],{},[708,3095,1834],{},[1776,3097,1837],{},[1758,3099,3100,3104,3108],{},[1776,3101,3102],{},[708,3103,888],{},[1776,3105,3106],{},[708,3107,1879],{},[1776,3109,1837],{},[1758,3111,3112,3116,3120],{},[1776,3113,3114],{},[708,3115,1679],{},[1776,3117,3118],{},[708,3119,1973],{},[1776,3121,1837],{},[691,3123,1979],{"id":1978},[1752,3125,3126,3137],{},[1755,3127,3128],{},[1758,3129,3130,3132,3134],{},[1761,3131,1988],{},[1761,3133,1652],{},[1761,3135,3136],{},"Deskripsi",[1771,3138,3139,3152],{},[1758,3140,3141,3145,3149],{},[1776,3142,3143],{},[708,3144,744],{},[1776,3146,3147],{},[708,3148,2006],{},[1776,3150,3151],{},"Menggantikan ikon depan sepenuhnya; class scoped membawa kelas ukuran yang diresolve dari ikon",[1758,3153,3154,3158,3162],{},[1776,3155,3156],{},[708,3157,2016],{},[1776,3159,3160],{},[708,3161,2006],{},[1776,3163,3164],{},"Menggantikan ikon trailing sepenuhnya; class scoped membawa kelas ukuran yang diresolve dari ikon",[2025,3166,2027],{},{"title":763,"searchDepth":995,"depth":995,"links":3168},[3169,3185,3186],{"id":2059,"depth":799,"text":2060,"children":3170},[3171,3172,3173,3174,3175,3176,3177,3178,3179,3180,3181,3182,3183,3184],{"id":702,"depth":995,"text":703},{"id":2083,"depth":995,"text":2084},{"id":2092,"depth":995,"text":2093},{"id":2148,"depth":995,"text":2149},{"id":888,"depth":995,"text":889},{"id":722,"depth":995,"text":937},{"id":1043,"depth":995,"text":1044},{"id":2423,"depth":995,"text":2424},{"id":1433,"depth":995,"text":1434},{"id":1504,"depth":995,"text":148},{"id":1619,"depth":995,"text":1620},{"id":2822,"depth":995,"text":2823},{"id":1656,"depth":995,"text":2045},{"id":2890,"depth":995,"text":2168},{"id":1750,"depth":799,"text":1652},{"id":1978,"depth":799,"text":1979},"Elemen aksi yang dapat diklik dengan opsi warna, varian, dan ukuran.",{},"\u002Fid\u002Fcomponents\u002Felements\u002Fbutton",{"title":139,"description":3187},"id\u002Fcomponents\u002Felements\u002Fbutton","v64BmLbDuPTv0cPPmXXrTzcx5OiMUa70bVsuk0QnHlI",1792925234302]