In the SharePoint Framework Yeoman generated HelloWorld WebPart instructions scroll down to :-

Switch back to HelloWorldWebPart.ts file.

Once you added your properties to the web part props, you can now access the property in the same way you accessed the description property earlier:

<p class="ms-font-l ms-fontColor-white">${this.properties.test2}</p>

we do not add <p class=.... for test, test1,test3

Is this missing ??

  • i have no idea what you're on about or what your asking for?
    – Ali Jafer
    Commented Aug 19, 2016 at 11:35
  • HelloWorldWebPart isn't a part of the OOTB Sharepoint Webpart Library. Please explain more of this web part of yours... Thanks!
    – Benny Skogberg
    Commented Aug 19, 2016 at 11:36
  • 1
    He is talking about SharePoint Framework web-parts (note the tag :-), and the sample webpart comes as part of the generated project - see github.com/SharePoint/sp-dev-docs
    – SPDoctor
    Commented Aug 19, 2016 at 15:11
  • @SPDoctor :-) The goal of the day is met. I learnt something new!
    – Benny Skogberg
    Commented Aug 20, 2016 at 5:35

1 Answer 1


The tutorials shows you how to access the properties and uses test2 as an example. You can however, try the rest. The tutorials focusses on key tasks one by one and move on so we can get to the next one.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.