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

Doc refactor for Spinner

pull/12/head
cagataycivici 2019-05-22 17:14:40 +03:00
parent 1e96522df8
commit 7608d166ba
1 changed files with 52 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

126
src/views/spinner/SpinnerDoc.vue
View File

@ -26,98 +26,76 @@ import Spinner from 'primevue/spinner';
</CodeHighlight> </CodeHighlight>
<h3>Properties</h3> <h3>Properties</h3>
<p>Any valid attribute such as name and placeholder are passed to the underlying input element. Following are the additional properties to configure the component.</p>
<div class="doc-tablewrapper"> <div class="doc-tablewrapper">
<table class="doc-table"> <table class="doc-table">
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>Name</th>
<th>Type</th> <th>Type</th>
<th>Default</th> <th>Default</th>
<th>Description</th> <th>Description</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>value</td> <td>value</td>
<td>string</td> <td>number</td>
<td>null</td> <td>null</td>
<td>Value of the component.</td> <td>Value of the component.</td>
</tr> </tr>
<tr> <tr>
<td>step</td> <td>step</td>
<td>number</td> <td>number</td>
<td>1</td> <td>1</td>
<td>Step factor to increment/decrement the value.</td> <td>Step factor to increment/decrement the value.</td>
</tr> </tr>
<tr> <tr>
<td>min</td> <td>min</td>
<td>number</td> <td>number</td>
<td>null</td> <td>null</td>
<td>Mininum boundary value.</td> <td>Mininum boundary value.</td>
</tr> </tr>
<tr> <tr>
<td>max</td> <td>max</td>
<td>number</td> <td>number</td>
<td>null</td> <td>null</td>
<td>Maximum boundary value.</td> <td>Maximum boundary value.</td>
</tr> </tr>
<tr>
<td>disabled</td>
<td>boolean</td>
<td>false</td>
<td>When present, it specifies that the element should be disabled.</td>
</tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<h3>Events</h3> <h3>Events</h3>
<div class="doc-tablewrapper"> <p>Any valid event such as focus, blur and input are passed to the underlying input element. Following are the additional events to configure the component.</p>
<table class="doc-table">
<thead>
<tr>
<th>Name</th>
<th>Parameters</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>input</td>
<td>event: New value</td>
<td>Callback to invoke on value change.</td>
</tr>
</tbody>
</table>
</div>
<h3>Styling</h3> <h3>Styling</h3>
<p>Following is the list of structural style classes, for theming classes visit <router-link to="/theming">theming</router-link> page.</p> <p>Following is the list of structural style classes, for theming classes visit <router-link to="/theming">theming</router-link> page.</p>
<div class="doc-tablewrapper"> <div class="doc-tablewrapper">
<table class="doc-table"> <table class="doc-table">
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>Name</th>
<th>Element</th> <th>Element</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>p-spinner</td> <td>p-spinner</td>
<td>Container element</td> <td>Container element</td>
</tr> </tr>
<tr> <tr>
<td>p-spinner-up</td> <td>p-spinner-up</td>
<td>Up icon.</td> <td>Up icon.</td>
</tr> </tr>
<tr> <tr>
<td>p-spinner-down</td> <td>p-spinner-down</td>
<td>Down icon.</td> <td>Down icon.</td>
</tr> </tr>
<tr> <tr>
<td>p-spinner-input</td> <td>p-spinner-input</td>
<td>Input element</td> <td>Input element</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>