1"use strict";(self.webpackChunknodality=self.webpackChunknodality||[]).push([[5635],{8453:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>i});var l=n(6540);const r={},s=l.createContext(r);function o(e){const t=l.useContext(s);return l.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),l.createElement(s.Provider,{value:t},e.children)}},8834:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>a,contentTitle:()=>i,default:()=>p,frontMatter:()=>o,metadata:()=>l,toc:()=>c});const l=JSON.parse('{"id":"forms/labelfield","title":"LabelField","description":"LabelField allows you to create textfield that turns placeholder text into a label.","source":"@site/docs/forms/labelfield.md","sourceDirName":"forms","slug":"/forms/labelfield","permalink":"/docs/forms/labelfield","draft":false,"unlisted":false,"editUrl":"https://github.com/nodalityjs/docs/edit/main/docs/forms/labelfield.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialSidebar","previous":{"title":"FilePicker","permalink":"/docs/forms/filepicker"},"next":{"title":"Picker","permalink":"/docs/forms/picker"}}');var r=n(4848),s=n(8453);const o={},i="LabelField",a={},c=[];function d(e){const t={code:"code",h1:"h1",header:"header",p:"p",pre:"pre",...(0,s.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.header,{children:(0,r.jsx)(t.h1,{id:"labelfield",children:"LabelField"})}),"\n",(0,r.jsx)(t.p,{children:"LabelField allows you to create textfield that turns placeholder text into a label."}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-js",children:'let elements = [\n {\n type: "labelInput"\n }\n];\n'})}),"\n",(0,r.jsxs)(t.p,{children:["An instance of ",(0,r.jsx)(t.code,{children:"FloatingInput"})," class is created:"]}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-js",children:'new FloatingInput()\n .set({\n title: "Your name",\n type: "input"\n })\n'})}),"\n",(0,r.jsx)(t.p,{children:"[IMAGE]"})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.