[{"data":1,"prerenderedAt":3198},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fforms\u002Finput":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":217},{"en":684,"id":2052},{"id":685,"title":216,"aside":686,"body":687,"collapse":10,"description":2048,"editLink":686,"extension":1425,"icon":9,"issueLink":686,"meta":2049,"navBadges":9,"navigation":9,"order":30,"path":217,"prevNext":686,"seo":2050,"stem":218,"toc":686,"__hash__":2051},"docs\u002Fcomponents\u002Fforms\u002Finput.md",true,{"type":688,"value":689,"toc":2032},"minimark",[690,695,699,832,840,844,859,862,937,941,967,983,986,1323,1326,1329,1333,1347,1376,1379,1410,1414,1437,1440,1474,1482,1486,1502,1505,1609,1613,1639,1642,1681,1685,1716,1719,1739,1746,1752,1756,1759,1961,1965,2028],[691,692,694],"h2",{"id":693},"usage","Usage",[696,697],"component-example",{"name":698},"input-basic",[700,701,706],"pre",{"className":702,"code":703,"language":704,"meta":705,"style":705},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst value = ref('')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSInput v-model=\"value\" placeholder=\"Type something...\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[707,708,709,738,764,774,780,790,823],"code",{"__ignoreMap":705},[710,711,713,717,721,725,728,731,735],"span",{"class":712,"line":8},"line",[710,714,716],{"class":715},"sVt8B","\u003C",[710,718,720],{"class":719},"s9eBZ","script",[710,722,724],{"class":723},"sScJk"," setup",[710,726,727],{"class":723}," lang",[710,729,730],{"class":715},"=",[710,732,734],{"class":733},"sZZnC","\"ts\"",[710,736,737],{"class":715},">\n",[710,739,741,745,749,752,755,758,761],{"class":712,"line":740},2,[710,742,744],{"class":743},"szBVR","const",[710,746,748],{"class":747},"sj4cs"," value",[710,750,751],{"class":743}," =",[710,753,754],{"class":723}," ref",[710,756,757],{"class":715},"(",[710,759,760],{"class":733},"''",[710,762,763],{"class":715},")\n",[710,765,767,770,772],{"class":712,"line":766},3,[710,768,769],{"class":715},"\u003C\u002F",[710,771,720],{"class":719},[710,773,737],{"class":715},[710,775,777],{"class":712,"line":776},4,[710,778,779],{"emptyLinePlaceholder":686},"\n",[710,781,783,785,788],{"class":712,"line":782},5,[710,784,716],{"class":715},[710,786,787],{"class":719},"template",[710,789,737],{"class":715},[710,791,793,796,799,802,804,807,810,812,815,817,820],{"class":712,"line":792},6,[710,794,795],{"class":715},"  \u003C",[710,797,798],{"class":719},"SInput",[710,800,801],{"class":723}," v-model",[710,803,730],{"class":715},[710,805,806],{"class":733},"\"",[710,808,809],{"class":715},"value",[710,811,806],{"class":733},[710,813,814],{"class":723}," placeholder",[710,816,730],{"class":715},[710,818,819],{"class":733},"\"Type something...\"",[710,821,822],{"class":715}," \u002F>\n",[710,824,826,828,830],{"class":712,"line":825},7,[710,827,769],{"class":715},[710,829,787],{"class":719},[710,831,737],{"class":715},[833,834,835,836,839],"p",{},"Input is full-width by default, rather than needing an opt-in flag to make\nit so - constrain it with a class on the component itself (as the examples\non this page do with ",[707,837,838],{},"max-w-xs","), not a wrapping element.",[841,842,42],"h3",{"id":843},"icons",[833,845,846,849,850,853,854,858],{},[707,847,848],{},"icon"," and ",[707,851,852],{},"trailingIcon"," add an icon before or after the text - the same\nprops ",[855,856,139],"a",{"href":857},"\u002Fcomponents\u002Felements\u002Fbutton#icons"," uses for its own.",[696,860],{"name":861},"input-icons",[700,863,867],{"className":864,"code":865,"language":866,"meta":705,"style":705},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSInput v-model=\"search\" icon=\"hugeicons:search-01\" placeholder=\"Search...\" \u002F>\n\u003CSInput v-model=\"amount\" trailing-icon=\"hugeicons:dollar-01\" placeholder=\"0.00\" \u002F>\n","vue-html",[707,868,869,903],{"__ignoreMap":705},[710,870,871,873,875,877,879,881,884,886,889,891,894,896,898,901],{"class":712,"line":8},[710,872,716],{"class":715},[710,874,798],{"class":719},[710,876,801],{"class":723},[710,878,730],{"class":715},[710,880,806],{"class":733},[710,882,883],{"class":715},"search",[710,885,806],{"class":733},[710,887,888],{"class":723}," icon",[710,890,730],{"class":715},[710,892,893],{"class":733},"\"hugeicons:search-01\"",[710,895,814],{"class":723},[710,897,730],{"class":715},[710,899,900],{"class":733},"\"Search...\"",[710,902,822],{"class":715},[710,904,905,907,909,911,913,915,918,920,923,925,928,930,932,935],{"class":712,"line":740},[710,906,716],{"class":715},[710,908,798],{"class":719},[710,910,801],{"class":723},[710,912,730],{"class":715},[710,914,806],{"class":733},[710,916,917],{"class":715},"amount",[710,919,806],{"class":733},[710,921,922],{"class":723}," trailing-icon",[710,924,730],{"class":715},[710,926,927],{"class":733},"\"hugeicons:dollar-01\"",[710,929,814],{"class":723},[710,931,730],{"class":715},[710,933,934],{"class":733},"\"0.00\"",[710,936,822],{"class":715},[841,938,940],{"id":939},"custom-leading-and-trailing-content","Custom leading and trailing content",[833,942,943,944,849,947,950,951,954,955,958,959,962,963,966],{},"Use ",[707,945,946],{},"#leading",[707,948,949],{},"#trailing"," for text, icons, or buttons inside the field frame.\nThe slots receive ",[707,952,953],{},"{ disabled, size, buttonSize }","; ",[707,956,957],{},"buttonSize"," fits a Button\ninside the current field size. Give interactive controls an accessible label,\nuse ",[707,960,961],{},"type=\"button\"",", and pass ",[707,964,965],{},"disabled"," through to match the field state.",[833,968,969,970,972,973,975,976,849,979,982],{},"Custom content stays visible alongside the built-in clear button. It replaces the corresponding decorative ",[707,971,848],{}," or ",[707,974,852],{},".\nThe field reserves space for the rendered content, including suffixes whose\nwidth changes. Use ",[707,977,978],{},"ui.leading",[707,980,981],{},"ui.trailing"," to customize its wrappers.",[696,984],{"name":985},"input-password",[700,987,989],{"className":702,"code":988,"language":704,"meta":705,"style":705},"\u003Cscript setup lang=\"ts\">\nconst password = ref('')\nconst visible = ref(false)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSInput v-model=\"password\" :type=\"visible ? 'text' : 'password'\" clearable aria-label=\"Password\">\n    \u003Ctemplate #trailing=\"{ disabled, buttonSize }\">\n      \u003CSButton\n        type=\"button\" :disabled=\"disabled\" :size=\"buttonSize\" variant=\"text\" color=\"neutral\" square\n        :icon=\"visible ? 'hugeicons:view-off-slash' : 'hugeicons:view'\"\n        :aria-label=\"visible ? 'Hide password' : 'Show password'\" :aria-pressed=\"visible\"\n        @click=\"visible = !visible\"\n      \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FSInput>\n\u003C\u002Ftemplate>\n",[707,990,991,1007,1024,1042,1050,1054,1062,1116,1141,1150,1204,1227,1265,1289,1295,1304,1314],{"__ignoreMap":705},[710,992,993,995,997,999,1001,1003,1005],{"class":712,"line":8},[710,994,716],{"class":715},[710,996,720],{"class":719},[710,998,724],{"class":723},[710,1000,727],{"class":723},[710,1002,730],{"class":715},[710,1004,734],{"class":733},[710,1006,737],{"class":715},[710,1008,1009,1011,1014,1016,1018,1020,1022],{"class":712,"line":740},[710,1010,744],{"class":743},[710,1012,1013],{"class":747}," password",[710,1015,751],{"class":743},[710,1017,754],{"class":723},[710,1019,757],{"class":715},[710,1021,760],{"class":733},[710,1023,763],{"class":715},[710,1025,1026,1028,1031,1033,1035,1037,1040],{"class":712,"line":766},[710,1027,744],{"class":743},[710,1029,1030],{"class":747}," visible",[710,1032,751],{"class":743},[710,1034,754],{"class":723},[710,1036,757],{"class":715},[710,1038,1039],{"class":747},"false",[710,1041,763],{"class":715},[710,1043,1044,1046,1048],{"class":712,"line":776},[710,1045,769],{"class":715},[710,1047,720],{"class":719},[710,1049,737],{"class":715},[710,1051,1052],{"class":712,"line":782},[710,1053,779],{"emptyLinePlaceholder":686},[710,1055,1056,1058,1060],{"class":712,"line":792},[710,1057,716],{"class":715},[710,1059,787],{"class":719},[710,1061,737],{"class":715},[710,1063,1064,1066,1068,1070,1072,1074,1077,1079,1082,1085,1087,1089,1092,1095,1098,1100,1103,1106,1109,1111,1114],{"class":712,"line":825},[710,1065,795],{"class":715},[710,1067,798],{"class":719},[710,1069,801],{"class":723},[710,1071,730],{"class":715},[710,1073,806],{"class":733},[710,1075,1076],{"class":715},"password",[710,1078,806],{"class":733},[710,1080,1081],{"class":715}," :",[710,1083,1084],{"class":723},"type",[710,1086,730],{"class":715},[710,1088,806],{"class":733},[710,1090,1091],{"class":715},"visible ",[710,1093,1094],{"class":743},"?",[710,1096,1097],{"class":733}," 'text'",[710,1099,1081],{"class":743},[710,1101,1102],{"class":733}," 'password'\"",[710,1104,1105],{"class":723}," clearable",[710,1107,1108],{"class":723}," aria-label",[710,1110,730],{"class":715},[710,1112,1113],{"class":733},"\"Password\"",[710,1115,737],{"class":715},[710,1117,1119,1122,1124,1127,1130,1132,1134,1137,1139],{"class":712,"line":1118},8,[710,1120,1121],{"class":715},"    \u003C",[710,1123,787],{"class":719},[710,1125,1126],{"class":715}," #",[710,1128,1129],{"class":723},"trailing",[710,1131,730],{"class":715},[710,1133,806],{"class":733},[710,1135,1136],{"class":715},"{ disabled, buttonSize }",[710,1138,806],{"class":733},[710,1140,737],{"class":715},[710,1142,1144,1147],{"class":712,"line":1143},9,[710,1145,1146],{"class":715},"      \u003C",[710,1148,1149],{"class":719},"SButton\n",[710,1151,1152,1155,1157,1160,1162,1164,1166,1168,1170,1172,1174,1177,1179,1181,1183,1185,1188,1190,1193,1196,1198,1201],{"class":712,"line":13},[710,1153,1154],{"class":723},"        type",[710,1156,730],{"class":715},[710,1158,1159],{"class":733},"\"button\"",[710,1161,1081],{"class":715},[710,1163,965],{"class":723},[710,1165,730],{"class":715},[710,1167,806],{"class":733},[710,1169,965],{"class":715},[710,1171,806],{"class":733},[710,1173,1081],{"class":715},[710,1175,1176],{"class":723},"size",[710,1178,730],{"class":715},[710,1180,806],{"class":733},[710,1182,957],{"class":715},[710,1184,806],{"class":733},[710,1186,1187],{"class":723}," variant",[710,1189,730],{"class":715},[710,1191,1192],{"class":733},"\"text\"",[710,1194,1195],{"class":723}," color",[710,1197,730],{"class":715},[710,1199,1200],{"class":733},"\"neutral\"",[710,1202,1203],{"class":723}," square\n",[710,1205,1206,1209,1211,1213,1215,1217,1219,1222,1224],{"class":712,"line":151},[710,1207,1208],{"class":715},"        :",[710,1210,848],{"class":723},[710,1212,730],{"class":715},[710,1214,806],{"class":733},[710,1216,1091],{"class":715},[710,1218,1094],{"class":743},[710,1220,1221],{"class":733}," 'hugeicons:view-off-slash'",[710,1223,1081],{"class":743},[710,1225,1226],{"class":733}," 'hugeicons:view'\"\n",[710,1228,1229,1231,1234,1236,1238,1240,1242,1245,1247,1250,1252,1255,1257,1259,1262],{"class":712,"line":170},[710,1230,1208],{"class":715},[710,1232,1233],{"class":723},"aria-label",[710,1235,730],{"class":715},[710,1237,806],{"class":733},[710,1239,1091],{"class":715},[710,1241,1094],{"class":743},[710,1243,1244],{"class":733}," 'Hide password'",[710,1246,1081],{"class":743},[710,1248,1249],{"class":733}," 'Show password'\"",[710,1251,1081],{"class":715},[710,1253,1254],{"class":723},"aria-pressed",[710,1256,730],{"class":715},[710,1258,806],{"class":733},[710,1260,1261],{"class":715},"visible",[710,1263,1264],{"class":733},"\"\n",[710,1266,1268,1271,1274,1276,1278,1280,1282,1285,1287],{"class":712,"line":1267},13,[710,1269,1270],{"class":715},"        @",[710,1272,1273],{"class":723},"click",[710,1275,730],{"class":715},[710,1277,806],{"class":733},[710,1279,1091],{"class":715},[710,1281,730],{"class":743},[710,1283,1284],{"class":743}," !",[710,1286,1261],{"class":715},[710,1288,1264],{"class":733},[710,1290,1292],{"class":712,"line":1291},14,[710,1293,1294],{"class":715},"      \u002F>\n",[710,1296,1297,1300,1302],{"class":712,"line":648},[710,1298,1299],{"class":715},"    \u003C\u002F",[710,1301,787],{"class":719},[710,1303,737],{"class":715},[710,1305,1307,1310,1312],{"class":712,"line":1306},16,[710,1308,1309],{"class":715},"  \u003C\u002F",[710,1311,798],{"class":719},[710,1313,737],{"class":715},[710,1315,1317,1319,1321],{"class":712,"line":1316},17,[710,1318,769],{"class":715},[710,1320,787],{"class":719},[710,1322,737],{"class":715},[833,1324,1325],{},"Text prefixes and suffixes use the same slots:",[696,1327],{"name":1328},"input-addons",[841,1330,1332],{"id":1331},"clear","Clear",[833,1334,1335,1338,1339,1341,1342,1346],{},[707,1336,1337],{},"clearable"," adds a button that empties the value, once there's something to\nclear - it takes over the trailing position from ",[707,1340,852],{}," while active,\nthe same way ",[855,1343,1345],{"href":1344},"\u002Fcomponents\u002Fforms\u002Fselect#clear","Select's"," does.",[833,1348,1349,1350,1353,1354,972,1356,1359,1360,1363,1364,972,1367,1370,1371,1375],{},"It stays visible while the value is nonempty (including ",[707,1351,1352],{},"0","), and hides when\nthe input is ",[707,1355,965],{},[707,1357,1358],{},"readonly",". Clearing restores focus to the input.\nThe neutral ",[707,1361,1362],{},"ghost"," hover target is inset from the field border, with an icon\nthat matches the input's size. Customize it with ",[707,1365,1366],{},"ui.clear",[707,1368,1369],{},"#clear-icon",";\nsee ",[855,1372,1374],{"href":1373},"\u002Foverview\u002Ftheming\u002Fcomponent-styling#field-clear-controls","shared clear styling",".",[696,1377],{"name":1378},"input-clear",[700,1380,1382],{"className":864,"code":1381,"language":866,"meta":705,"style":705},"\u003CSInput v-model=\"value\" clearable placeholder=\"Type something...\" \u002F>\n",[707,1383,1384],{"__ignoreMap":705},[710,1385,1386,1388,1390,1392,1394,1396,1398,1400,1402,1404,1406,1408],{"class":712,"line":8},[710,1387,716],{"class":715},[710,1389,798],{"class":719},[710,1391,801],{"class":723},[710,1393,730],{"class":715},[710,1395,806],{"class":733},[710,1397,809],{"class":715},[710,1399,806],{"class":733},[710,1401,1105],{"class":723},[710,1403,814],{"class":723},[710,1405,730],{"class":715},[710,1407,819],{"class":733},[710,1409,822],{"class":715},[841,1411,1413],{"id":1412},"sizes-and-states","Sizes and states",[833,1415,1416,1418,1419,1422,1423,1422,1426,1429,1430,1432,1433,1436],{},[707,1417,1176],{}," takes ",[707,1420,1421],{},"sm"," \u002F ",[707,1424,1425],{},"md",[707,1427,1428],{},"lg",", ",[707,1431,965],{}," prevents interaction and dims the\ninput, and ",[707,1434,1435],{},"invalid"," switches the ring to the danger role's focus color:",[696,1438],{"name":1439},"input-invalid",[700,1441,1443],{"className":864,"code":1442,"language":866,"meta":705,"style":705},"\u003CSInput v-model=\"email\" invalid placeholder=\"you@example.com\" \u002F>\n",[707,1444,1445],{"__ignoreMap":705},[710,1446,1447,1449,1451,1453,1455,1457,1460,1462,1465,1467,1469,1472],{"class":712,"line":8},[710,1448,716],{"class":715},[710,1450,798],{"class":719},[710,1452,801],{"class":723},[710,1454,730],{"class":715},[710,1456,806],{"class":733},[710,1458,1459],{"class":715},"email",[710,1461,806],{"class":733},[710,1463,1464],{"class":723}," invalid",[710,1466,814],{"class":723},[710,1468,730],{"class":715},[710,1470,1471],{"class":733},"\"you@example.com\"",[710,1473,822],{"class":715},[833,1475,1476,1477,1481],{},"See the ",[855,1478,1480],{"href":1479},"#props","Props"," table below.",[841,1483,1485],{"id":1484},"colors","Colors",[833,1487,1488,1491,1492,1495,1496,1498,1499,1501],{},[707,1489,1490],{},"color"," sets the focus-ring color - the resting (unfocused) ring stays\n",[707,1493,1494],{},"--selaras-resolved-border-default"," regardless, and ",[707,1497,1435],{}," always wins over a custom ",[707,1500,1490],{},":",[696,1503],{"name":1504},"input-colors",[700,1506,1508],{"className":864,"code":1507,"language":866,"meta":705,"style":705},"\u003CSInput v-model=\"primary\" color=\"primary\" placeholder=\"Primary\" \u002F>\n\u003CSInput v-model=\"success\" color=\"success\" placeholder=\"Success\" \u002F>\n\u003CSInput v-model=\"danger\" color=\"danger\" placeholder=\"Danger\" \u002F>\n",[707,1509,1510,1543,1576],{"__ignoreMap":705},[710,1511,1512,1514,1516,1518,1520,1522,1525,1527,1529,1531,1534,1536,1538,1541],{"class":712,"line":8},[710,1513,716],{"class":715},[710,1515,798],{"class":719},[710,1517,801],{"class":723},[710,1519,730],{"class":715},[710,1521,806],{"class":733},[710,1523,1524],{"class":715},"primary",[710,1526,806],{"class":733},[710,1528,1195],{"class":723},[710,1530,730],{"class":715},[710,1532,1533],{"class":733},"\"primary\"",[710,1535,814],{"class":723},[710,1537,730],{"class":715},[710,1539,1540],{"class":733},"\"Primary\"",[710,1542,822],{"class":715},[710,1544,1545,1547,1549,1551,1553,1555,1558,1560,1562,1564,1567,1569,1571,1574],{"class":712,"line":740},[710,1546,716],{"class":715},[710,1548,798],{"class":719},[710,1550,801],{"class":723},[710,1552,730],{"class":715},[710,1554,806],{"class":733},[710,1556,1557],{"class":715},"success",[710,1559,806],{"class":733},[710,1561,1195],{"class":723},[710,1563,730],{"class":715},[710,1565,1566],{"class":733},"\"success\"",[710,1568,814],{"class":723},[710,1570,730],{"class":715},[710,1572,1573],{"class":733},"\"Success\"",[710,1575,822],{"class":715},[710,1577,1578,1580,1582,1584,1586,1588,1591,1593,1595,1597,1600,1602,1604,1607],{"class":712,"line":766},[710,1579,716],{"class":715},[710,1581,798],{"class":719},[710,1583,801],{"class":723},[710,1585,730],{"class":715},[710,1587,806],{"class":733},[710,1589,1590],{"class":715},"danger",[710,1592,806],{"class":733},[710,1594,1195],{"class":723},[710,1596,730],{"class":715},[710,1598,1599],{"class":733},"\"danger\"",[710,1601,814],{"class":723},[710,1603,730],{"class":715},[710,1605,1606],{"class":733},"\"Danger\"",[710,1608,822],{"class":715},[841,1610,1612],{"id":1611},"masking","Masking",[833,1614,1615,1616,1620,1621,1624,1625,1628,1629,1632,1633,1636,1637,1501],{},"Use the ",[855,1617,1618],{"href":680},[707,1619,679],{}," directive to format the text as\nit's typed. ",[707,1622,1623],{},"v-model"," keeps the raw value, while the field shows the\nformatted one - typing ",[707,1626,1627],{},"5551234567"," below shows ",[707,1630,1631],{},"(555) 123-4567",", and\n",[707,1634,1635],{},"phone"," is ",[707,1638,1627],{},[696,1640],{"name":1641},"input-masked",[700,1643,1645],{"className":864,"code":1644,"language":866,"meta":705,"style":705},"\u003CSInput v-model=\"phone\" v-mask=\"'(###) ###-####'\" inputmode=\"tel\" \u002F>\n",[707,1646,1647],{"__ignoreMap":705},[710,1648,1649,1651,1653,1655,1657,1659,1661,1663,1666,1668,1671,1674,1676,1679],{"class":712,"line":8},[710,1650,716],{"class":715},[710,1652,798],{"class":719},[710,1654,801],{"class":723},[710,1656,730],{"class":715},[710,1658,806],{"class":733},[710,1660,1635],{"class":715},[710,1662,806],{"class":733},[710,1664,1665],{"class":723}," v-mask",[710,1667,730],{"class":715},[710,1669,1670],{"class":733},"\"'(###) ###-####'\"",[710,1672,1673],{"class":723}," inputmode",[710,1675,730],{"class":715},[710,1677,1678],{"class":733},"\"tel\"",[710,1680,822],{"class":715},[841,1682,1684],{"id":1683},"forms-integration","Forms integration",[833,1686,1687,1688,1690,1691,6,1694,6,1697,1699,1700,1703,1704,6,1707,1710,1711,849,1713,1715],{},"Wrap it in ",[855,1689,304],{"href":305}," to get ",[707,1692,1693],{},"id",[707,1695,1696],{},"name",[707,1698,1435],{},"\nand ",[707,1701,1702],{},"aria-describedby"," wired up automatically, plus a ",[707,1705,1706],{},"hint",[707,1708,1709],{},"error"," message\nunderneath - FormField is also where ",[707,1712,1176],{},[707,1714,1435],{}," fall back to when\nnot set directly on the input.",[841,1717,62],{"id":1718},"accessibility",[833,1720,1721,1722,1725,1726,1729,1730,1732,1733,1735,1736,1738],{},"Input renders a plain native ",[707,1723,1724],{},"\u003Cinput>",", so browser and screen-reader support\nfor typing, selection, and autofill all come for free. ",[707,1727,1728],{},"aria-invalid"," and\n",[707,1731,1702],{}," are set automatically once ",[707,1734,1435],{}," is true or the input\nis wrapped in ",[855,1737,304],{"href":305}," - nothing to\nconfigure by hand for the common case.",[841,1740,1742,1743],{"id":1741},"custom-ui","Custom ",[707,1744,1745],{},":ui",[833,1747,1748,1749,1751],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's ",[707,1750,216],{},"'s own theme file:",[1753,1754],"theme-source",{"name":1755},"input",[691,1757,1480],{"id":1758},"props",[1760,1761,1762,1778],"table",{},[1763,1764,1765],"thead",{},[1766,1767,1768,1772,1775],"tr",{},[1769,1770,1771],"th",{},"Prop",[1769,1773,1774],{},"Type",[1769,1776,1777],{},"Default",[1779,1780,1781,1796,1808,1822,1837,1850,1865,1880,1894,1909,1923,1935,1947],"tbody",{},[1766,1782,1783,1788,1793],{},[1784,1785,1786],"td",{},[707,1787,1693],{},[1784,1789,1790],{},[707,1791,1792],{},"string",[1784,1794,1795],{},"-",[1766,1797,1798,1802,1806],{},[1784,1799,1800],{},[707,1801,1696],{},[1784,1803,1804],{},[707,1805,1792],{},[1784,1807,1795],{},[1766,1809,1810,1815,1820],{},[1784,1811,1812],{},[707,1813,1814],{},"modelValue",[1784,1816,1817],{},[707,1818,1819],{},"string | number",[1784,1821,1795],{},[1766,1823,1824,1828,1832],{},[1784,1825,1826],{},[707,1827,1084],{},[1784,1829,1830],{},[707,1831,1792],{},[1784,1833,1834],{},[707,1835,1836],{},"text",[1766,1838,1839,1844,1848],{},[1784,1840,1841],{},[707,1842,1843],{},"placeholder",[1784,1845,1846],{},[707,1847,1792],{},[1784,1849,1795],{},[1766,1851,1852,1856,1861],{},[1784,1853,1854],{},[707,1855,1176],{},[1784,1857,1858],{},[707,1859,1860],{},"'sm' | 'md' | 'lg'",[1784,1862,1863],{},[707,1864,1425],{},[1766,1866,1867,1871,1876],{},[1784,1868,1869],{},[707,1870,965],{},[1784,1872,1873],{},[707,1874,1875],{},"boolean",[1784,1877,1878],{},[707,1879,1039],{},[1766,1881,1882,1886,1890],{},[1784,1883,1884],{},[707,1885,1435],{},[1784,1887,1888],{},[707,1889,1875],{},[1784,1891,1892],{},[707,1893,1039],{},[1766,1895,1896,1900,1905],{},[1784,1897,1898],{},[707,1899,1490],{},[1784,1901,1902],{},[855,1903,1904],{"href":84},"ColorRole",[1784,1906,1907],{},[707,1908,1524],{},[1766,1910,1911,1915,1919],{},[1784,1912,1913],{},[707,1914,1337],{},[1784,1916,1917],{},[707,1918,1875],{},[1784,1920,1921],{},[707,1922,1039],{},[1766,1924,1925,1929,1933],{},[1784,1926,1927],{},[707,1928,848],{},[1784,1930,1931],{},[707,1932,1792],{},[1784,1934,1795],{},[1766,1936,1937,1941,1945],{},[1784,1938,1939],{},[707,1940,852],{},[1784,1942,1943],{},[707,1944,1792],{},[1784,1946,1795],{},[1766,1948,1949,1954,1959],{},[1784,1950,1951],{},[707,1952,1953],{},"ui",[1784,1955,1956],{},[707,1957,1958],{},"Partial\u003CRecord\u003C'root' | 'base' | 'leadingIcon' | 'trailingIcon' | 'leading' | 'trailing' | 'clear', string | object>>",[1784,1960,1795],{},[691,1962,1964],{"id":1963},"slots","Slots",[1760,1966,1967,1979],{},[1763,1968,1969],{},[1766,1970,1971,1974,1976],{},[1769,1972,1973],{},"Slot",[1769,1975,1480],{},[1769,1977,1978],{},"Description",[1779,1980,1981,1997,2012],{},[1766,1982,1983,1988,1992],{},[1784,1984,1985],{},[707,1986,1987],{},"leading",[1784,1989,1990],{},[707,1991,953],{},[1784,1993,1994,1995],{},"Custom content before the text; replaces ",[707,1996,848],{},[1766,1998,1999,2003,2007],{},[1784,2000,2001],{},[707,2002,1129],{},[1784,2004,2005],{},[707,2006,953],{},[1784,2008,2009,2010],{},"Custom content after the text, alongside the clear button; replaces ",[707,2011,852],{},[1766,2013,2014,2019,2021],{},[1784,2015,2016],{},[707,2017,2018],{},"clear-icon",[1784,2020,1795],{},[1784,2022,2023,2024,2027],{},"Replaces the clear button's icon (default: ",[707,2025,2026],{},"hugeicons:cancel-01",")",[2029,2030,2031],"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 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}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);}",{"title":705,"searchDepth":766,"depth":766,"links":2033},[2034,2046,2047],{"id":693,"depth":740,"text":694,"children":2035},[2036,2037,2038,2039,2040,2041,2042,2043,2044],{"id":843,"depth":766,"text":42},{"id":939,"depth":766,"text":940},{"id":1331,"depth":766,"text":1332},{"id":1412,"depth":766,"text":1413},{"id":1484,"depth":766,"text":1485},{"id":1611,"depth":766,"text":1612},{"id":1683,"depth":766,"text":1684},{"id":1718,"depth":766,"text":62},{"id":1741,"depth":766,"text":2045},"Custom :ui",{"id":1758,"depth":740,"text":1480},{"id":1963,"depth":740,"text":1964},"A text input with optional leading and trailing icons.",{},{"title":216,"description":2048},"1XQe6k6hM0sXSC8fcZBf3J7acYS3yAWdu1wurOzMScQ",{"id":2053,"title":216,"aside":686,"body":2054,"collapse":10,"description":3192,"editLink":686,"extension":1425,"icon":9,"issueLink":686,"meta":3193,"navBadges":9,"navigation":9,"order":30,"path":3194,"prevNext":686,"seo":3195,"stem":3196,"toc":686,"__hash__":3197},"docs\u002Fid\u002Fcomponents\u002Fforms\u002Finput.md",{"type":688,"value":2055,"toc":3177},[2056,2060,2062,2150,2156,2160,2171,2173,2237,2241,2260,2274,2276,2564,2567,2569,2571,2581,2603,2605,2635,2639,2656,2658,2688,2694,2698,2712,2714,2808,2810,2832,2834,2868,2872,2897,2901,2918,2922,2928,2930,2932,3115,3117,3175],[691,2057,2059],{"id":2058},"penggunaan","Penggunaan",[696,2061],{"name":698},[700,2063,2064],{"className":702,"code":703,"language":704,"meta":705,"style":705},[707,2065,2066,2082,2098,2106,2110,2118,2142],{"__ignoreMap":705},[710,2067,2068,2070,2072,2074,2076,2078,2080],{"class":712,"line":8},[710,2069,716],{"class":715},[710,2071,720],{"class":719},[710,2073,724],{"class":723},[710,2075,727],{"class":723},[710,2077,730],{"class":715},[710,2079,734],{"class":733},[710,2081,737],{"class":715},[710,2083,2084,2086,2088,2090,2092,2094,2096],{"class":712,"line":740},[710,2085,744],{"class":743},[710,2087,748],{"class":747},[710,2089,751],{"class":743},[710,2091,754],{"class":723},[710,2093,757],{"class":715},[710,2095,760],{"class":733},[710,2097,763],{"class":715},[710,2099,2100,2102,2104],{"class":712,"line":766},[710,2101,769],{"class":715},[710,2103,720],{"class":719},[710,2105,737],{"class":715},[710,2107,2108],{"class":712,"line":776},[710,2109,779],{"emptyLinePlaceholder":686},[710,2111,2112,2114,2116],{"class":712,"line":782},[710,2113,716],{"class":715},[710,2115,787],{"class":719},[710,2117,737],{"class":715},[710,2119,2120,2122,2124,2126,2128,2130,2132,2134,2136,2138,2140],{"class":712,"line":792},[710,2121,795],{"class":715},[710,2123,798],{"class":719},[710,2125,801],{"class":723},[710,2127,730],{"class":715},[710,2129,806],{"class":733},[710,2131,809],{"class":715},[710,2133,806],{"class":733},[710,2135,814],{"class":723},[710,2137,730],{"class":715},[710,2139,819],{"class":733},[710,2141,822],{"class":715},[710,2143,2144,2146,2148],{"class":712,"line":825},[710,2145,769],{"class":715},[710,2147,787],{"class":719},[710,2149,737],{"class":715},[833,2151,2152,2153,2155],{},"Input memiliki lebar penuh secara default, bukan membutuhkan flag opt-in untuk membuatnya demikian - batasi dengan kelas pada komponen itu sendiri (seperti contoh di halaman ini dengan ",[707,2154,838],{},"), bukan elemen pembungkus.",[841,2157,2159],{"id":2158},"ikon","Ikon",[833,2161,2162,2164,2165,2167,2168,2170],{},[707,2163,848],{}," dan ",[707,2166,852],{}," menambahkan ikon sebelum atau setelah teks - props yang sama digunakan ",[855,2169,139],{"href":857}," untuk miliknya sendiri.",[696,2172],{"name":861},[700,2174,2175],{"className":864,"code":865,"language":866,"meta":705,"style":705},[707,2176,2177,2207],{"__ignoreMap":705},[710,2178,2179,2181,2183,2185,2187,2189,2191,2193,2195,2197,2199,2201,2203,2205],{"class":712,"line":8},[710,2180,716],{"class":715},[710,2182,798],{"class":719},[710,2184,801],{"class":723},[710,2186,730],{"class":715},[710,2188,806],{"class":733},[710,2190,883],{"class":715},[710,2192,806],{"class":733},[710,2194,888],{"class":723},[710,2196,730],{"class":715},[710,2198,893],{"class":733},[710,2200,814],{"class":723},[710,2202,730],{"class":715},[710,2204,900],{"class":733},[710,2206,822],{"class":715},[710,2208,2209,2211,2213,2215,2217,2219,2221,2223,2225,2227,2229,2231,2233,2235],{"class":712,"line":740},[710,2210,716],{"class":715},[710,2212,798],{"class":719},[710,2214,801],{"class":723},[710,2216,730],{"class":715},[710,2218,806],{"class":733},[710,2220,917],{"class":715},[710,2222,806],{"class":733},[710,2224,922],{"class":723},[710,2226,730],{"class":715},[710,2228,927],{"class":733},[710,2230,814],{"class":723},[710,2232,730],{"class":715},[710,2234,934],{"class":733},[710,2236,822],{"class":715},[841,2238,2240],{"id":2239},"konten-leading-dan-trailing-kustom","Konten leading dan trailing kustom",[833,2242,2243,2244,2164,2246,2248,2249,954,2251,2253,2254,2256,2257,2259],{},"Gunakan ",[707,2245,946],{},[707,2247,949],{}," untuk teks, ikon, atau tombol di dalam bingkai field. Slot menerima ",[707,2250,953],{},[707,2252,957],{}," cocok untuk Button di dalam ukuran field saat ini. Berikan kontrol interaktif dengan label yang dapat diakses, gunakan ",[707,2255,961],{},", dan teruskan ",[707,2258,965],{}," untuk mencocokkan state field.",[833,2261,2262,2263,2265,2266,2268,2269,2164,2271,2273],{},"Konten kustom tetap terlihat di samping tombol clear bawaan. Ia menggantikan ",[707,2264,848],{}," atau ",[707,2267,852],{}," dekoratif yang sesuai. Field menyediakan ruang untuk konten yang dirender, termasuk suffix yang lebarnya berubah. Gunakan ",[707,2270,978],{},[707,2272,981],{}," untuk menyesuaikan wrapper-nya.",[696,2275],{"name":985},[700,2277,2278],{"className":702,"code":988,"language":704,"meta":705,"style":705},[707,2279,2280,2296,2312,2328,2336,2340,2348,2392,2412,2418,2464,2484,2516,2536,2540,2548,2556],{"__ignoreMap":705},[710,2281,2282,2284,2286,2288,2290,2292,2294],{"class":712,"line":8},[710,2283,716],{"class":715},[710,2285,720],{"class":719},[710,2287,724],{"class":723},[710,2289,727],{"class":723},[710,2291,730],{"class":715},[710,2293,734],{"class":733},[710,2295,737],{"class":715},[710,2297,2298,2300,2302,2304,2306,2308,2310],{"class":712,"line":740},[710,2299,744],{"class":743},[710,2301,1013],{"class":747},[710,2303,751],{"class":743},[710,2305,754],{"class":723},[710,2307,757],{"class":715},[710,2309,760],{"class":733},[710,2311,763],{"class":715},[710,2313,2314,2316,2318,2320,2322,2324,2326],{"class":712,"line":766},[710,2315,744],{"class":743},[710,2317,1030],{"class":747},[710,2319,751],{"class":743},[710,2321,754],{"class":723},[710,2323,757],{"class":715},[710,2325,1039],{"class":747},[710,2327,763],{"class":715},[710,2329,2330,2332,2334],{"class":712,"line":776},[710,2331,769],{"class":715},[710,2333,720],{"class":719},[710,2335,737],{"class":715},[710,2337,2338],{"class":712,"line":782},[710,2339,779],{"emptyLinePlaceholder":686},[710,2341,2342,2344,2346],{"class":712,"line":792},[710,2343,716],{"class":715},[710,2345,787],{"class":719},[710,2347,737],{"class":715},[710,2349,2350,2352,2354,2356,2358,2360,2362,2364,2366,2368,2370,2372,2374,2376,2378,2380,2382,2384,2386,2388,2390],{"class":712,"line":825},[710,2351,795],{"class":715},[710,2353,798],{"class":719},[710,2355,801],{"class":723},[710,2357,730],{"class":715},[710,2359,806],{"class":733},[710,2361,1076],{"class":715},[710,2363,806],{"class":733},[710,2365,1081],{"class":715},[710,2367,1084],{"class":723},[710,2369,730],{"class":715},[710,2371,806],{"class":733},[710,2373,1091],{"class":715},[710,2375,1094],{"class":743},[710,2377,1097],{"class":733},[710,2379,1081],{"class":743},[710,2381,1102],{"class":733},[710,2383,1105],{"class":723},[710,2385,1108],{"class":723},[710,2387,730],{"class":715},[710,2389,1113],{"class":733},[710,2391,737],{"class":715},[710,2393,2394,2396,2398,2400,2402,2404,2406,2408,2410],{"class":712,"line":1118},[710,2395,1121],{"class":715},[710,2397,787],{"class":719},[710,2399,1126],{"class":715},[710,2401,1129],{"class":723},[710,2403,730],{"class":715},[710,2405,806],{"class":733},[710,2407,1136],{"class":715},[710,2409,806],{"class":733},[710,2411,737],{"class":715},[710,2413,2414,2416],{"class":712,"line":1143},[710,2415,1146],{"class":715},[710,2417,1149],{"class":719},[710,2419,2420,2422,2424,2426,2428,2430,2432,2434,2436,2438,2440,2442,2444,2446,2448,2450,2452,2454,2456,2458,2460,2462],{"class":712,"line":13},[710,2421,1154],{"class":723},[710,2423,730],{"class":715},[710,2425,1159],{"class":733},[710,2427,1081],{"class":715},[710,2429,965],{"class":723},[710,2431,730],{"class":715},[710,2433,806],{"class":733},[710,2435,965],{"class":715},[710,2437,806],{"class":733},[710,2439,1081],{"class":715},[710,2441,1176],{"class":723},[710,2443,730],{"class":715},[710,2445,806],{"class":733},[710,2447,957],{"class":715},[710,2449,806],{"class":733},[710,2451,1187],{"class":723},[710,2453,730],{"class":715},[710,2455,1192],{"class":733},[710,2457,1195],{"class":723},[710,2459,730],{"class":715},[710,2461,1200],{"class":733},[710,2463,1203],{"class":723},[710,2465,2466,2468,2470,2472,2474,2476,2478,2480,2482],{"class":712,"line":151},[710,2467,1208],{"class":715},[710,2469,848],{"class":723},[710,2471,730],{"class":715},[710,2473,806],{"class":733},[710,2475,1091],{"class":715},[710,2477,1094],{"class":743},[710,2479,1221],{"class":733},[710,2481,1081],{"class":743},[710,2483,1226],{"class":733},[710,2485,2486,2488,2490,2492,2494,2496,2498,2500,2502,2504,2506,2508,2510,2512,2514],{"class":712,"line":170},[710,2487,1208],{"class":715},[710,2489,1233],{"class":723},[710,2491,730],{"class":715},[710,2493,806],{"class":733},[710,2495,1091],{"class":715},[710,2497,1094],{"class":743},[710,2499,1244],{"class":733},[710,2501,1081],{"class":743},[710,2503,1249],{"class":733},[710,2505,1081],{"class":715},[710,2507,1254],{"class":723},[710,2509,730],{"class":715},[710,2511,806],{"class":733},[710,2513,1261],{"class":715},[710,2515,1264],{"class":733},[710,2517,2518,2520,2522,2524,2526,2528,2530,2532,2534],{"class":712,"line":1267},[710,2519,1270],{"class":715},[710,2521,1273],{"class":723},[710,2523,730],{"class":715},[710,2525,806],{"class":733},[710,2527,1091],{"class":715},[710,2529,730],{"class":743},[710,2531,1284],{"class":743},[710,2533,1261],{"class":715},[710,2535,1264],{"class":733},[710,2537,2538],{"class":712,"line":1291},[710,2539,1294],{"class":715},[710,2541,2542,2544,2546],{"class":712,"line":648},[710,2543,1299],{"class":715},[710,2545,787],{"class":719},[710,2547,737],{"class":715},[710,2549,2550,2552,2554],{"class":712,"line":1306},[710,2551,1309],{"class":715},[710,2553,798],{"class":719},[710,2555,737],{"class":715},[710,2557,2558,2560,2562],{"class":712,"line":1316},[710,2559,769],{"class":715},[710,2561,787],{"class":719},[710,2563,737],{"class":715},[833,2565,2566],{},"Prefix dan suffix teks menggunakan slot yang sama:",[696,2568],{"name":1328},[841,2570,1332],{"id":1331},[833,2572,2573,2575,2576,2578,2579,1375],{},[707,2574,1337],{}," menambahkan tombol yang mengosongkan nilai, setelah ada sesuatu untuk dihapus - ia mengambil alih posisi trailing dari ",[707,2577,852],{}," saat aktif, sama seperti yang dilakukan ",[855,2580,254],{"href":1344},[833,2582,2583,2584,2586,2587,2265,2589,2591,2592,2594,2595,2265,2597,2599,2600,1375],{},"Ia tetap terlihat selama nilai tidak kosong (termasuk ",[707,2585,1352],{},"), dan tersembunyi saat input ",[707,2588,965],{},[707,2590,1358],{},". Clear mengembalikan fokus ke input. Target hover ",[707,2593,1362],{}," netral inset dari border field, dengan ikon yang cocok dengan ukuran input. Sesuaikan dengan ",[707,2596,1366],{},[707,2598,1369],{},"; lihat ",[855,2601,1374],{"href":2602},"\u002Foverview\u002Ftheming\u002Fcomponent-styling#kontrol-clear-field",[696,2604],{"name":1378},[700,2606,2607],{"className":864,"code":1381,"language":866,"meta":705,"style":705},[707,2608,2609],{"__ignoreMap":705},[710,2610,2611,2613,2615,2617,2619,2621,2623,2625,2627,2629,2631,2633],{"class":712,"line":8},[710,2612,716],{"class":715},[710,2614,798],{"class":719},[710,2616,801],{"class":723},[710,2618,730],{"class":715},[710,2620,806],{"class":733},[710,2622,809],{"class":715},[710,2624,806],{"class":733},[710,2626,1105],{"class":723},[710,2628,814],{"class":723},[710,2630,730],{"class":715},[710,2632,819],{"class":733},[710,2634,822],{"class":715},[841,2636,2638],{"id":2637},"ukuran-dan-state","Ukuran dan state",[833,2640,2641,2643,2644,1422,2646,1422,2648,1429,2650,2652,2653,2655],{},[707,2642,1176],{}," menerima ",[707,2645,1421],{},[707,2647,1425],{},[707,2649,1428],{},[707,2651,965],{}," mencegah interaksi dan meredupkan input, dan ",[707,2654,1435],{}," mengubah ring ke warna fokus role danger:",[696,2657],{"name":1439},[700,2659,2660],{"className":864,"code":1442,"language":866,"meta":705,"style":705},[707,2661,2662],{"__ignoreMap":705},[710,2663,2664,2666,2668,2670,2672,2674,2676,2678,2680,2682,2684,2686],{"class":712,"line":8},[710,2665,716],{"class":715},[710,2667,798],{"class":719},[710,2669,801],{"class":723},[710,2671,730],{"class":715},[710,2673,806],{"class":733},[710,2675,1459],{"class":715},[710,2677,806],{"class":733},[710,2679,1464],{"class":723},[710,2681,814],{"class":723},[710,2683,730],{"class":715},[710,2685,1471],{"class":733},[710,2687,822],{"class":715},[833,2689,2690,2691,2693],{},"Lihat tabel ",[855,2692,1480],{"href":1479}," di bawah.",[841,2695,2697],{"id":2696},"warna","Warna",[833,2699,2700,2702,2703,2705,2706,2708,2709,2711],{},[707,2701,1490],{}," mengatur warna focus-ring - ring resting (tidak difokuskan) tetap ",[707,2704,1494],{}," terlepas dari apapun, dan ",[707,2707,1435],{}," selalu menang atas ",[707,2710,1490],{}," kustom:",[696,2713],{"name":1504},[700,2715,2716],{"className":864,"code":1507,"language":866,"meta":705,"style":705},[707,2717,2718,2748,2778],{"__ignoreMap":705},[710,2719,2720,2722,2724,2726,2728,2730,2732,2734,2736,2738,2740,2742,2744,2746],{"class":712,"line":8},[710,2721,716],{"class":715},[710,2723,798],{"class":719},[710,2725,801],{"class":723},[710,2727,730],{"class":715},[710,2729,806],{"class":733},[710,2731,1524],{"class":715},[710,2733,806],{"class":733},[710,2735,1195],{"class":723},[710,2737,730],{"class":715},[710,2739,1533],{"class":733},[710,2741,814],{"class":723},[710,2743,730],{"class":715},[710,2745,1540],{"class":733},[710,2747,822],{"class":715},[710,2749,2750,2752,2754,2756,2758,2760,2762,2764,2766,2768,2770,2772,2774,2776],{"class":712,"line":740},[710,2751,716],{"class":715},[710,2753,798],{"class":719},[710,2755,801],{"class":723},[710,2757,730],{"class":715},[710,2759,806],{"class":733},[710,2761,1557],{"class":715},[710,2763,806],{"class":733},[710,2765,1195],{"class":723},[710,2767,730],{"class":715},[710,2769,1566],{"class":733},[710,2771,814],{"class":723},[710,2773,730],{"class":715},[710,2775,1573],{"class":733},[710,2777,822],{"class":715},[710,2779,2780,2782,2784,2786,2788,2790,2792,2794,2796,2798,2800,2802,2804,2806],{"class":712,"line":766},[710,2781,716],{"class":715},[710,2783,798],{"class":719},[710,2785,801],{"class":723},[710,2787,730],{"class":715},[710,2789,806],{"class":733},[710,2791,1590],{"class":715},[710,2793,806],{"class":733},[710,2795,1195],{"class":723},[710,2797,730],{"class":715},[710,2799,1599],{"class":733},[710,2801,814],{"class":723},[710,2803,730],{"class":715},[710,2805,1606],{"class":733},[710,2807,822],{"class":715},[841,2809,1612],{"id":1611},[833,2811,2812,2813,2817,2818,2820,2821,2823,2824,2826,2827,2829,2830,1501],{},"Gunakan direktif ",[855,2814,2815],{"href":680},[707,2816,679],{}," untuk memformat teks saat diketik. ",[707,2819,1623],{}," menyimpan nilai mentah, sementara field menampilkan yang diformat - mengetik ",[707,2822,1627],{}," di bawah menunjukkan ",[707,2825,1631],{},", dan ",[707,2828,1635],{}," adalah ",[707,2831,1627],{},[696,2833],{"name":1641},[700,2835,2836],{"className":864,"code":1644,"language":866,"meta":705,"style":705},[707,2837,2838],{"__ignoreMap":705},[710,2839,2840,2842,2844,2846,2848,2850,2852,2854,2856,2858,2860,2862,2864,2866],{"class":712,"line":8},[710,2841,716],{"class":715},[710,2843,798],{"class":719},[710,2845,801],{"class":723},[710,2847,730],{"class":715},[710,2849,806],{"class":733},[710,2851,1635],{"class":715},[710,2853,806],{"class":733},[710,2855,1665],{"class":723},[710,2857,730],{"class":715},[710,2859,1670],{"class":733},[710,2861,1673],{"class":723},[710,2863,730],{"class":715},[710,2865,1678],{"class":733},[710,2867,822],{"class":715},[841,2869,2871],{"id":2870},"integrasi-formulir","Integrasi formulir",[833,2873,2874,2875,2877,2878,6,2880,6,2882,2164,2884,2886,2887,6,2889,2891,2892,2164,2894,2896],{},"Bungkus dalam ",[855,2876,304],{"href":305}," untuk mendapatkan ",[707,2879,1693],{},[707,2881,1696],{},[707,2883,1435],{},[707,2885,1702],{}," terhubung secara otomatis, plus pesan ",[707,2888,1706],{},[707,2890,1709],{}," di bawah - FormField juga tempat ",[707,2893,1176],{},[707,2895,1435],{}," fallback ketika tidak diatur langsung pada input.",[841,2898,2900],{"id":2899},"aksesibilitas","Aksesibilitas",[833,2902,2903,2904,2906,2907,2164,2909,2911,2912,2914,2915,2917],{},"Input merender ",[707,2905,1724],{}," native polos, jadi dukungan browser dan screen-reader untuk mengetik, seleksi, dan autofill semua gratis. ",[707,2908,1728],{},[707,2910,1702],{}," diatur secara otomatis setelah ",[707,2913,1435],{}," true atau input dibungkus dalam ",[855,2916,304],{"href":305}," - tidak ada yang perlu dikonfigurasi secara manual untuk kasus umum.",[841,2919,1742,2920],{"id":1741},[707,2921,1745],{},[833,2923,2924,2925,2927],{},"Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default untuk setiap slot dan varian - berikut adalah file tema ",[707,2926,216],{}," sendiri:",[1753,2929],{"name":1755},[691,2931,1480],{"id":1758},[1760,2933,2934,2945],{},[1763,2935,2936],{},[1766,2937,2938,2940,2943],{},[1769,2939,1771],{},[1769,2941,2942],{},"Tipe",[1769,2944,1777],{},[1779,2946,2947,2959,2971,2983,2997,3009,3023,3037,3051,3065,3079,3091,3103],{},[1766,2948,2949,2953,2957],{},[1784,2950,2951],{},[707,2952,1693],{},[1784,2954,2955],{},[707,2956,1792],{},[1784,2958,1795],{},[1766,2960,2961,2965,2969],{},[1784,2962,2963],{},[707,2964,1696],{},[1784,2966,2967],{},[707,2968,1792],{},[1784,2970,1795],{},[1766,2972,2973,2977,2981],{},[1784,2974,2975],{},[707,2976,1814],{},[1784,2978,2979],{},[707,2980,1819],{},[1784,2982,1795],{},[1766,2984,2985,2989,2993],{},[1784,2986,2987],{},[707,2988,1084],{},[1784,2990,2991],{},[707,2992,1792],{},[1784,2994,2995],{},[707,2996,1836],{},[1766,2998,2999,3003,3007],{},[1784,3000,3001],{},[707,3002,1843],{},[1784,3004,3005],{},[707,3006,1792],{},[1784,3008,1795],{},[1766,3010,3011,3015,3019],{},[1784,3012,3013],{},[707,3014,1176],{},[1784,3016,3017],{},[707,3018,1860],{},[1784,3020,3021],{},[707,3022,1425],{},[1766,3024,3025,3029,3033],{},[1784,3026,3027],{},[707,3028,965],{},[1784,3030,3031],{},[707,3032,1875],{},[1784,3034,3035],{},[707,3036,1039],{},[1766,3038,3039,3043,3047],{},[1784,3040,3041],{},[707,3042,1435],{},[1784,3044,3045],{},[707,3046,1875],{},[1784,3048,3049],{},[707,3050,1039],{},[1766,3052,3053,3057,3061],{},[1784,3054,3055],{},[707,3056,1490],{},[1784,3058,3059],{},[855,3060,1904],{"href":84},[1784,3062,3063],{},[707,3064,1524],{},[1766,3066,3067,3071,3075],{},[1784,3068,3069],{},[707,3070,1337],{},[1784,3072,3073],{},[707,3074,1875],{},[1784,3076,3077],{},[707,3078,1039],{},[1766,3080,3081,3085,3089],{},[1784,3082,3083],{},[707,3084,848],{},[1784,3086,3087],{},[707,3088,1792],{},[1784,3090,1795],{},[1766,3092,3093,3097,3101],{},[1784,3094,3095],{},[707,3096,852],{},[1784,3098,3099],{},[707,3100,1792],{},[1784,3102,1795],{},[1766,3104,3105,3109,3113],{},[1784,3106,3107],{},[707,3108,1953],{},[1784,3110,3111],{},[707,3112,1958],{},[1784,3114,1795],{},[691,3116,1964],{"id":1963},[1760,3118,3119,3130],{},[1763,3120,3121],{},[1766,3122,3123,3125,3127],{},[1769,3124,1973],{},[1769,3126,1480],{},[1769,3128,3129],{},"Deskripsi",[1779,3131,3132,3147,3162],{},[1766,3133,3134,3138,3142],{},[1784,3135,3136],{},[707,3137,1987],{},[1784,3139,3140],{},[707,3141,953],{},[1784,3143,3144,3145],{},"Konten kustom sebelum teks; menggantikan ",[707,3146,848],{},[1766,3148,3149,3153,3157],{},[1784,3150,3151],{},[707,3152,1129],{},[1784,3154,3155],{},[707,3156,953],{},[1784,3158,3159,3160],{},"Konten kustom setelah teks, di samping tombol clear; menggantikan ",[707,3161,852],{},[1766,3163,3164,3168,3170],{},[1784,3165,3166],{},[707,3167,2018],{},[1784,3169,1795],{},[1784,3171,3172,3173,2027],{},"Menggantikan ikon tombol clear (default: ",[707,3174,2026],{},[2029,3176,2031],{},{"title":705,"searchDepth":766,"depth":766,"links":3178},[3179,3190,3191],{"id":2058,"depth":740,"text":2059,"children":3180},[3181,3182,3183,3184,3185,3186,3187,3188,3189],{"id":2158,"depth":766,"text":2159},{"id":2239,"depth":766,"text":2240},{"id":1331,"depth":766,"text":1332},{"id":2637,"depth":766,"text":2638},{"id":2696,"depth":766,"text":2697},{"id":1611,"depth":766,"text":1612},{"id":2870,"depth":766,"text":2871},{"id":2899,"depth":766,"text":2900},{"id":1741,"depth":766,"text":2045},{"id":1758,"depth":740,"text":1480},{"id":1963,"depth":740,"text":1964},"Input teks dengan ikon depan dan trailing opsional.",{},"\u002Fid\u002Fcomponents\u002Fforms\u002Finput",{"title":216,"description":3192},"id\u002Fcomponents\u002Fforms\u002Finput","8VnBdCtinhcNucKVeM4Gk73F8JwdfluHFDdwQ8Mmzmw",1792925236080]