XRLib/Assets/Resources/UIToolkit/Sample/Card/UTKCardSample.uxml

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

    <VisualElement class="utk-sample-container">
        <Label class="utk-sample-desc" text="카드 컴포넌트" />

        <VisualElement class="utk-sample-section">
            <Label class="utk-sample-section__title" text="Cards" />
            <VisualElement class="utk-sample-row">
                <utk:UTKCard name="card-1" title="Card Title" subtitle="This is the card content." class="utk-sample-card" />
                <utk:UTKCard name="card-2" title="Another Card" subtitle="Different content here." class="utk-sample-card" />
            </VisualElement>
        </VisualElement>

        <VisualElement class="utk-sample-section">
            <Label class="utk-sample-section__title" text="Card Variants" />
            <VisualElement class="utk-sample-row">
                <utk:UTKCard name="card-elevated" title="Elevated" subtitle="기본 그림자 스타일" variant="Elevated" class="utk-sample-card" />
                <utk:UTKCard name="card-outlined" title="Outlined" subtitle="외곽선 스타일" variant="Outlined" class="utk-sample-card" />
                <utk:UTKCard name="card-filled" title="Filled" subtitle="채움 스타일" variant="Filled" class="utk-sample-card" />
            </VisualElement>
        </VisualElement>

        <VisualElement class="utk-sample-section">
            <Label class="utk-sample-section__title" text="Clickable Card" />
            <VisualElement class="utk-sample-row">
                <utk:UTKCard name="card-clickable" title="클릭 가능" subtitle="클릭해 보세요" is-clickable="true" class="utk-sample-card" />
            </VisualElement>
        </VisualElement>

        <!-- Code Sample -->
        <VisualElement class="utk-code-sample-container">
            <utk:UTKCodeBlock title="C#" code="// 기본 카드&#10;var card = new UTKCard();&#10;card.Title = &quot;카드 제목&quot;;&#10;card.Subtitle = &quot;부제목&quot;;&#10;card.Variant = UTKCard.CardVariant.Elevated;&#10;&#10;// 콘텐츠 추가&#10;card.AddContent(new Label(&quot;카드 내용&quot;));&#10;&#10;// 액션 버튼 추가&#10;card.AddActionButton(&quot;자세히&quot;, () =&gt; Debug.Log(&quot;클릭&quot;));&#10;&#10;// 클릭 가능 카드&#10;card.IsClickable = true;&#10;card.OnClicked += () =&gt; Debug.Log(&quot;카드 클릭&quot;);" />
            <utk:UTKCodeBlock title="UXML" code="&lt;!-- 기본 카드 --&gt;&#10;&lt;utk:UTKCard title=&quot;제목&quot; subtitle=&quot;부제목&quot; variant=&quot;Elevated&quot;&gt;&#10;    &lt;Label text=&quot;카드 내용&quot; /&gt;&#10;&lt;/utk:UTKCard&gt;&#10;&#10;&lt;!-- 클릭 가능 카드 --&gt;&#10;&lt;utk:UTKCard title=&quot;클릭해보세요&quot; is-clickable=&quot;true&quot; /&gt;&#10;&#10;&lt;!-- 외곽선 카드 --&gt;&#10;&lt;utk:UTKCard title=&quot;외곽선&quot; variant=&quot;Outlined&quot; /&gt;" />
        </VisualElement>
    </VisualElement>
</UXML>