PrimeNGConfig
Configuration options for PrimeNG form fields.
These settings can be applied at two levels:
- Library-level: Via
withPrimeNGFields ({ ... }) - Form-level: Via
defaultPropsin form config - applies to a specific form
The cascade hierarchy is: Library-level → Form-level → Field-level
Properties
| Name | Type | Description |
|---|---|---|
| outlined | boolean | undefined | Whether buttons should be outlined by default @default false |
| raised | boolean | undefined | Whether buttons should be raised by default @default false |
| rounded | boolean | undefined | Whether buttons should be rounded by default @default false |
| severity | "primary" | "warn" | "secondary" | "success" | "danger" | "info" | "help" | "contrast" | undefined | Default severity for buttons @default 'primary' |
| size | "small" | "large" | undefined | Default size variant for form inputs @default undefined |
| text | boolean | undefined | Whether buttons should be text-only by default @default false |
| variant | "outlined" | "filled" | undefined | Default visual variant for form inputs @default 'outlined' |
Example usage
// Library-level (in app config)
provideDynamicForms(withPrimeNGFields ({ size: 'small', variant: 'filled' }))
// Form-level (in form config)
const config: PrimeFormConfig = {
defaultProps: { variant: 'outlined' },
fields: [...]
};