From 78a97d9a39a977eb4c33b295b22f7ed9ac1e7188 Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Sat, 20 Jun 2020 13:12:24 +0300 Subject: [PATCH] Docs for filled input --- src/views/inputtext/InputTextDoc.vue | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/src/views/inputtext/InputTextDoc.vue b/src/views/inputtext/InputTextDoc.vue index 5a01e0a43..078e513d3 100755 --- a/src/views/inputtext/InputTextDoc.vue +++ b/src/views/inputtext/InputTextDoc.vue @@ -44,6 +44,21 @@ import InputText from 'primevue/inputtext'; <InputText type="text" class="p-inputtext-sm" placeholder="Small" /> <InputText type="text" placeholder="Normal" /> <InputText type="text" class="p-inputtext-lg" placeholder="Large" /> + + +
Outlined vs Filled
+

Input fields come in two styles, default is outlined with borders around the field whereas filled alternative adds a background color + to the field. Appling p-input-filled to an element or wrapping the container with p-input-filled enables the filled style. If you prefer + to use filled inputs in the entire application, use a global container such as document body or the application container to apply the style class.

+ + +<InputText type="text" class="p-input-filled" /> + + + +<div class="p-input-filled"> + <InputText type="text" /> +</div>
Properties
@@ -74,6 +89,10 @@ import InputText from 'primevue/inputtext'; p-inputtext-lg Larger input element + + + p-inputtext-filled + Filled input style.