how to configure custom widget setting and display that in storefront

Summary:

I have created custom widget in which i have taken a customize configuration setting in that have displayed mediatype but how we can make that visible in storefront using knockout binding using their id

Content (required):

Version (include the version you are using, if applicable):

22C

Code Snippet (add any code snippets that support your topic, if applicable):

<div>

  <h1>test image section</h1>

  <img data-bind="attr: { src: firstslideimage, alt: firstslideTitle }">

  <img data-bind="attr: { src: Thirdslideimage, alt: firstslideTitle }">

</div>

<div>

   <img style="width:100%" class="img-responsive center-block" data-bind="ccResizeImage: { isSrcSetEnabled : true, source:'firstslideimage()' , alt:'Hero Image 1' }" >

</div>