Resource 컴포넌트의 이모지 변경

개발
1

이 글의 성격은 무엇인가요?

질문 / 문제 해결

내용을 설명해주세요

TDS 사용 중 문의드립니다.
Resource 컴포넌트의 이모지를 변경하려고 하는데, 현재 Resource 내부는 Image로 되어 있고 오른쪽 Property에는 Size만 노출됩니다.
가이드에는 Detach를 지양하고 오른쪽 패널에서 속성을 변경하라고 되어 있는데, 이모지를 변경하는 권장 방법이 무엇인지 확인 부탁드립니다.

2

확인되시면 회신 부탁드리겠습니다 !!

3

안녕하세요 :slight_smile:
이모지라면 Asset 컴포넌트를 이용해주시면 될 것 같아요 :man_bowing:

4

안녕하세요!
안내해주신 Asset 컴포넌트로 변경해보았으나, 오른쪽 속성 패널에서 이모지를 선택하거나 교체할 수 있는 옵션이 노출되지 않고 있습니다.
Asset 컴포넌트 내 이모지를 변경하려면 별도의 설정이나 연결이 필요한지, 권장 변경 방법을 안내 부탁드립니다.

5

앱빌더를 말씀하시는걸까요?!
코드 상으론 아래와 같이 변경이 가능해요.

<Asset.Image
  frameShape={Asset.frameShape.CleanW24}
  backgroundColor="transparent"
  src="https://static.toss.im/3d-emojis/u1F31E.png"
  aria-hidden={true}
  style={{ aspectRatio: `1/1` }}
/>
6

앱빌더 말고 피그마 TDS library 사용 중이에요 !
에셋 컴포넌트 안에 있는 이모지로 변경하려고 하는데, 변경이 안되고 있어서요 :sad_but_relieved_face:
별도의 설정이나 연결이 필요할지 여쭙는 질문이였습니다 !