diff --git a/api-generator/components/chips.js b/api-generator/components/chips.js index f8377f013..ec01f016c 100644 --- a/api-generator/components/chips.js +++ b/api-generator/components/chips.js @@ -29,6 +29,12 @@ const ChipsProps = [ default: "false", description: "Whether to allow duplicate values or not." }, + { + name: "disabled", + type: "boolean", + default: "false", + description: "When present, it specifies that the element should be disabled." + }, { name: "inputId", type: "string", @@ -36,10 +42,16 @@ const ChipsProps = [ description: "Identifier of the focus input to match a label defined for the chips." }, { - name: "disabled", - type: "boolean", - default: "false", - description: "When present, it specifies that the element should be disabled." + name: "inputClass", + type: "string", + default: "null", + description: "Style class of the input field." + }, + { + name: "inputStyle", + type: "any", + default: "null", + description: "Inline style of the input field." }, { name: "'aria-labelledby'", diff --git a/src/components/chips/Chips.d.ts b/src/components/chips/Chips.d.ts index 2e753f7ba..be4223628 100755 --- a/src/components/chips/Chips.d.ts +++ b/src/components/chips/Chips.d.ts @@ -43,6 +43,14 @@ export interface ChipsProps { * Identifier of the focus input to match a label defined for the chips. */ inputId?: string | undefined; + /** + * Style class of the input field. + */ + inputClass?: any | undefined; + /** + * Inline style of the input field. + */ + inputStyle?: any | undefined; /** * */ diff --git a/src/components/chips/Chips.vue b/src/components/chips/Chips.vue index dfb7077d9..f38db5e17 100755 --- a/src/components/chips/Chips.vue +++ b/src/components/chips/Chips.vue @@ -8,7 +8,7 @@
  • -
  • @@ -41,6 +41,8 @@ export default { default: true }, inputId: null, + inputClass: null, + inputStyle: null, inputProps: null, disabled: { type: Boolean, diff --git a/src/views/chips/ChipsDoc.vue b/src/views/chips/ChipsDoc.vue index 1eda3d2ef..03581e66b 100755 --- a/src/views/chips/ChipsDoc.vue +++ b/src/views/chips/ChipsDoc.vue @@ -77,6 +77,12 @@ import Chips from 'primevue/chips'; true Whether to allow duplicate values or not. + + disabled + boolean + false + When present, it specifies that the element should be disabled. + inputId string @@ -84,10 +90,16 @@ import Chips from 'primevue/chips'; Style class of the component input field. - disabled - boolean - false - When present, it specifies that the element should be disabled. + inputClass + string + null + Style class of the input field. + + + inputStyle + any + null + Inline style of the input field.