vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Lint fixes

pull/310/head
cagataycivici 2020-05-07 00:27:11 +03:00
parent 9a57c7c5ac
commit d9d9016e9e
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/views/formlayout/FormLayoutDemo.vue
View File

@ -7,15 +7,15 @@
</div> </div>
</div> </div>
<div class="content-section implementation"> <div class="content-section implementation">
<h3>Vertical</h3> <h3>Vertical</h3>
<div class="p-fluid"> <div class="p-fluid">
<div class="p-field"> <div class="p-field">
<label for="firstname1">Firstname</label> <label for="firstname1">Firstname</label>
<InputText id="firstname1" type="text" /> <InputText id="firstname1" type="text" />
</div> </div>
<div class="p-field"> <div class="p-field">
<label for="lastname1">Lastname</label> <label for="lastname1">Lastname</label>
<InputText id="lastname1" type="text" /> <InputText id="lastname1" type="text" />
</div> </div>
</div> </div>
@ -23,39 +23,39 @@
<h3>Vertical and Grid</h3> <h3>Vertical and Grid</h3>
<div class="p-fluid p-formgrid p-grid"> <div class="p-fluid p-formgrid p-grid">
<div class="p-field p-col"> <div class="p-field p-col">
<label for="firstname2">Firstname</label> <label for="firstname2">Firstname</label>
<InputText id="firstname2" type="text" /> <InputText id="firstname2" type="text" />
</div> </div>
<div class="p-field p-col"> <div class="p-field p-col">
<label for="lastname2">Lastname</label> <label for="lastname2">Lastname</label>
<InputText id="lastname2" type="text" /> <InputText id="lastname2" type="text" />
</div> </div>
</div> </div>
<h3>Horizontal and Fixed Width</h3> <h3>Horizontal and Fixed Width</h3>
<div class="p-field p-grid"> <div class="p-field p-grid">
<label for="firstname3" class="p-col-fixed" style="width:100px">Firstname</label> <label for="firstname3" class="p-col-fixed" style="width:100px">Firstname</label>
<div class="p-col"> <div class="p-col">
<InputText id="firstname3" type="text" /> <InputText id="firstname3" type="text" />
</div> </div>
</div> </div>
<div class="p-field p-grid"> <div class="p-field p-grid">
<label for="lastname3" class="p-col-fixed" style="width:100px">Lastname</label> <label for="lastname3" class="p-col-fixed" style="width:100px">Lastname</label>
<div class="p-col"> <div class="p-col">
<InputText id="lastname3" type="text" /> <InputText id="lastname3" type="text" />
</div> </div>
</div> </div>
<h3>Horizontal and Fluid</h3> <h3>Horizontal and Fluid</h3>
<div class="p-fluid"> <div class="p-fluid">
<div class="p-field p-grid"> <div class="p-field p-grid">
<label for="firstname4" class="p-col-12 p-md-2">Firstname</label> <label for="firstname4" class="p-col-12 p-md-2">Firstname</label>
<div class="p-col-12 p-md-10"> <div class="p-col-12 p-md-10">
<InputText id="firstname4" type="text" /> <InputText id="firstname4" type="text" />
</div> </div>
</div> </div>
<div class="p-field p-grid"> <div class="p-field p-grid">
<label for="lastname4" class="p-col-12 p-md-2">Lastname</label> <label for="lastname4" class="p-col-12 p-md-2">Lastname</label>
<div class="p-col-12 p-md-10"> <div class="p-col-12 p-md-10">
<InputText id="lastname4" type="text" /> <InputText id="lastname4" type="text" />
</div> </div>
@ -65,11 +65,11 @@
<h3>Inline</h3> <h3>Inline</h3>
<div class="p-formgroup-inline"> <div class="p-formgroup-inline">
<div class="p-field"> <div class="p-field">
<label for="firstname5" class="p-sr-only">Firstname</label> <label for="firstname5" class="p-sr-only">Firstname</label>
<InputText id="firstname5" type="text" placeholder="Firstname" /> <InputText id="firstname5" type="text" placeholder="Firstname" />
</div> </div>
<div class="p-field"> <div class="p-field">
<label for="lastname5" class="p-sr-only">Lastname</label> <label for="lastname5" class="p-sr-only">Lastname</label>
<InputText id="lastname5" type="text" placeholder="Lastname" /> <InputText id="lastname5" type="text" placeholder="Lastname" />
</div> </div>
<Button type="button" label="Submit" /> <Button type="button" label="Submit" />
@ -121,7 +121,7 @@
<h3>Help Text</h3> <h3>Help Text</h3>
<div class="p-field p-fluid"> <div class="p-field p-fluid">
<label for="username">Username</label> <label for="username">Username</label>
<InputText id="username" type="username" aria-describedby="username-help" /> <InputText id="username" type="username" aria-describedby="username-help" />
<small id="username-help">Enter your username to reset your password.</small> <small id="username-help">Enter your username to reset your password.</small>
</div> </div>
@ -129,27 +129,27 @@
<h3>Advanced</h3> <h3>Advanced</h3>
<div class="p-fluid p-formgrid p-grid"> <div class="p-fluid p-formgrid p-grid">
<div class="p-field p-col-12 p-md-6"> <div class="p-field p-col-12 p-md-6">
<label for="firstname6">Firstname</label> <label for="firstname6">Firstname</label>
<InputText id="firstname6" type="text" /> <InputText id="firstname6" type="text" />
</div> </div>
<div class="p-field p-col-12 p-md-6"> <div class="p-field p-col-12 p-md-6">
<label for="lastname6">Lastname</label> <label for="lastname6">Lastname</label>
<InputText id="lastname6" type="text" /> <InputText id="lastname6" type="text" />
</div> </div>
<div class="p-field p-col-12"> <div class="p-field p-col-12">
<label for="address">Address</label> <label for="address">Address</label>
<Textarea id="address" type="text" rows="4" /> <Textarea id="address" type="text" rows="4" />
</div> </div>
<div class="p-field p-col-12 p-md-6"> <div class="p-field p-col-12 p-md-6">
<label for="city">City</label> <label for="city">City</label>
<InputText id="city" type="text" /> <InputText id="city" type="text" />
</div> </div>
<div class="p-field p-col-12 p-md-3"> <div class="p-field p-col-12 p-md-3">
<label for="state">State</label> <label for="state">State</label>
<Dropdown inputId="state" v-model="selectedState" :options="states" optionLabel="name" placeholder="Select" /> <Dropdown inputId="state" v-model="selectedState" :options="states" optionLabel="name" placeholder="Select" />
</div> </div>
<div class="p-field p-col-12 p-md-3"> <div class="p-field p-col-12 p-md-3">
<label for="zip">Zip</label> <label for="zip">Zip</label>
<InputText id="zip" type="text" /> <InputText id="zip" type="text" />
</div> </div>
</div> </div>