두가지 작업을 해 줘야 한다. 우선, meta.xml에서 태그를 삽입.
다음은 js에서 @api를 불러온다.
[meta.xml]
<targetConfigs>
<targetConfig targets="lightning__AppPage">
<supportedFormFactors>
<supportedFormFactor type="Small" />
<supportedFormFactor type="Large" />
</supportedFormFactors>
</targetConfig>
<targetConfig targets="lightning__RecordPage">
<supportedFormFactors>
<supportedFormFactor type="Small" />
<supportedFormFactor type="Large" />
</supportedFormFactors>
<property name="input_chart_customer" type="String" />
</targetConfig>
</targetConfigs>
[js]
@api input_chart_customer;
이렇게 하나의 구성요소에 input을 생성하였고, 이 구성요소를 각각 다른 값을 줘야 했다. js에서 어떻게 표현해야 할까