How to use semantic form validation ? (with label near error message)

[volkanciloglu]

I am using this framework. I have a form and want to do validate operations on that form. The documentation is not detailed so I don't know how use.

<sui-form>
  <sui-form-field>
    <label>First Name</label>
    <input v-model="username" placeholder="username" />
  </sui-form-field>
  <sui-form-field :error="password.length > 1">
    <label>Password</label>
    <input v-model="pass" type="password" placeholder="pass" /> 
  </sui-form-field>
  <sui-button @submit="example" content="Content as a prop" />
</sui-form>