Input Bordered

Ready


        
        <div class="w-full max-w-xs"><input type="text" class="input input-bordered" placeholder="Bordered" value="" />

</div>


        <div class="w-full max-w-xs">
  @!jrmc.form.input({ placeholder: 'Bordered', class: 'input-bordered' })
</div>

Text Input

Text Input is a simple input field.

Class name	Type
input	Component	For `<input>` element
input-bordered	Modifier	Adds border to input
input-ghost	Modifier	Adds ghost style to input
input-primary	Modifier	Adds `primary` color to input
input-secondary	Modifier	Adds `secondary` color to input
input-accent	Modifier	Adds `accent` color to input
input-info	Modifier	Adds `info` color to input
input-success	Modifier	Adds `success` color to input
input-warning	Modifier	Adds `warning` color to input
input-error	Modifier	Adds `error` color to input
input-lg	Responsive	Large size for input
input-md	Responsive	Medium (default) size for input
input-sm	Responsive	Small size for input
input-xs	Responsive	Extra small size for input