XRLib/Assets/Resources/UIToolkit/Sample/Input/UTKInputFieldSample.uxml

<?xml version="1.0" encoding="utf-8"?>
<UXML xmlns="UnityEngine.UIElements" xmlns:utk="UVC.UIToolkit">
    <Style src="../UTKSampleCommon.uss" />
    <Style src="UTKInputFieldSample.uss" />

    <VisualElement class="utk-sample-container">
        <Label class="utk-sample-desc" text="텍스트 입력 필드" />

        <!-- With Label -->
        <VisualElement class="utk-sample-section">
            <Label class="utk-sample-section__title" text="With Label" />
            <VisualElement class="utk-sample-row">
                <utk:UTKInputField name="input-username" label="Username" placeholder="Enter your name..." class="utk-sample-input-field" />
            </VisualElement>
        </VisualElement>

        <!-- No Label -->
        <VisualElement class="utk-sample-section">
            <Label class="utk-sample-section__title" text="No Label" />
            <VisualElement class="utk-sample-row">
                <utk:UTKInputField name="input-search" label="" placeholder="Search..." class="utk-sample-input-field--narrow" />
            </VisualElement>
        </VisualElement>

        <!-- Disabled -->
        <VisualElement class="utk-sample-section">
            <Label class="utk-sample-section__title" text="Disabled" />
            <VisualElement class="utk-sample-row">
                <utk:UTKInputField name="input-disabled" label="Disabled" placeholder="Cannot edit..." is-enabled="false" class="utk-sample-input-field" />
            </VisualElement>
        </VisualElement>

        <!-- No Label Disabled -->
        <VisualElement class="utk-sample-section">
            <Label class="utk-sample-section__title" text="No Label Disabled" />
            <VisualElement class="utk-sample-row">
                <utk:UTKInputField name="input-no-label-disabled" label="" placeholder="Cannot edit..." is-enabled="false" class="utk-sample-input-field--narrow" />
            </VisualElement>
        </VisualElement>

        <!-- Code Sample -->
        <VisualElement class="utk-code-sample-container">
            <utk:UTKCodeBlock title="C#" code="// 기본 입력 필드&#10;var input = new UTKInputField();&#10;input.label = &quot;이름&quot;;&#10;input.Placeholder = &quot;이름을 입력하세요&quot;;&#10;input.OnValueChanged += (value) =&gt; Debug.Log($&quot;입력값: {value}&quot;);&#10;&#10;// 비밀번호 입력 필드&#10;var password = new UTKInputField();&#10;password.label = &quot;비밀번호&quot;;&#10;password.isPasswordField = true;&#10;&#10;// 검증 오류 표시&#10;input.SetError(&quot;이름은 필수입니다.&quot;);&#10;input.ClearError();" />
            <utk:UTKCodeBlock title="UXML" code="&lt;!-- 라벨과 플레이스홀더 --&gt;&#10;&lt;utk:UTKInputField label=&quot;Username&quot; placeholder=&quot;Enter your name...&quot; /&gt;&#10;&#10;&lt;!-- 라벨 없음 --&gt;&#10;&lt;utk:UTKInputField label=&quot;&quot; placeholder=&quot;Search...&quot; /&gt;&#10;&#10;&lt;!-- 비밀번호 필드 --&gt;&#10;&lt;utk:UTKInputField label=&quot;Password&quot; is-password-field=&quot;true&quot; /&gt;&#10;&#10;&lt;!-- 비활성화 --&gt;&#10;&lt;utk:UTKInputField label=&quot;Disabled&quot; is-enabled=&quot;false&quot; /&gt;" />
        </VisualElement>
    </VisualElement>
</UXML>