• Components
  • Label

Label simple 

@!jrmc.form.label({ text: 'What is your name?' })
<label class="label" >
<span class="label-text" >
  What is your name?</span>  
</label>

Label text

Lastname
Firstname
Email * 
@!jrmc.form.label.text({ text: 'Lastname' })
@!jrmc.form.label.text({as: 'div', text: 'Firstname' })
@!jrmc.form.label.text({text: 'Email', required: true })
<span class="label-text" >
  Lastname</span>
<div class="label-text" >
  Firstname</div>
<span class="label-text" >
  Email  *</span>

Label extended 

@jrmc.form.label({ class: 'cursor-pointer' })
  @!jrmc.form.label.text({ text: 'Remember me' })
@end
<label class="label cursor-pointer" >  <span class="label-text" >
  Remember me</span>
</label>

Label required 

@!jrmc.form.label({ text: 'What is your name?', required: true })
<label class="label" >
<span class="label-text" >
  What is your name?  *</span>  
</label>

Label hint

Alt label 
@!jrmc.form.hint({ as: 'div', text: 'Alt label'})
<div class="label" >    <span class="label-text-alt text-warning">Alt label</span>
</div>

Label error

This field is required 
@!jrmc.form.error({ text: 'This field is required' })
<div class="label" >    <span class="label-text-alt text-error">This field is required</span>
</div>