Output Components

formkit-primevue can also be used to output data.

Different types of data can be handled.

WARNING

Some outputs depend on vue-i18n e.g. OutputNumber or OutputDate.

numberFormats / datetimeFormats from vue-i18n are used to display the values accordingly to the selected format.

Examples

OutputNumber

const formkitItem = {
  $formkit: 'primeOutputNumber',
  name: 'number',
  format: 'decimal', // vue-i18n format
}

Naming in FormKit

Outputs are used in schema with prime as prefix and the output name as suffix.

E.g. OutputText -> primeOutputText

Supported Outputs

Below is a list of all supported PrimeVue output components. Click on a component name to view its full documentation and usage examples. For live examples, see the PrimeVue Outputs Demo.

• PrimeOutputBoolean (Live Example)
• PrimeOutputDate (Live Example)
• PrimeOutputDuration (Live Example)
• PrimeOutputLink (Live Example)
• PrimeOutputList (Live Example)
• PrimeOutputNumber (Live Example)
• PrimeOutputReference (Live Example)
• PrimeOutputText (Live Example)