title: How to style a PrimeNG Chips?
body: <p>I have a <code>form</code> in my application where I use the following code from Primafaces:</p>
  
  <pre><code>...other inputs...
  
  &lt;label for="workshopTags"&gt;Tags&lt;/label&gt;
  &lt;p-chips
      [(ngModel)]="values"
      name="workshopTags"
      id="workshopTags"
  &gt;&lt;/p-chips&gt;
  </code></pre>
  
  <p>I am able to display the Chip element correctly but I would like to style it putting its width to 100% and the height to 100px, but nothing seems to work to change those. <a href="https://stackoverflow.com/questions/43216268/primefaces-chips-web-component-properties/43217778">This solution</a> didn't work for me. I tried to set a styleClass or an inline style as <a href="https://www.primefaces.org/primeng/#/chips" rel="nofollow noreferrer">the documentation</a> suggest but they didn't work either. If I write inline:</p>
  
  <pre><code>style="width: 100%"
  </code></pre>
  
  <p>The following error is thrown:</p>
  
  <blockquote>
    <p>Error: Cannot find a differ supporting object 'width: 100%;'</p>
  </blockquote>
  
  <p>How can I make it work?</p>