--- schema_version: "1" id: 920674028f6056aba1eb383b634368a955c76cc72c7c9941962fe9613566ad0a title: OutputField Lightning Web Component ReadMe (Managed Package) collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_outputfield_lightning_web_component_readme.md canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_outputfield_lightning_web_component_readme.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: fa68f341128b9375cc15d4d70657da7507ce9ce9130d980196c4564b4d173215 description: For the managed package runtime, this page contains an OutputField LWC ReadMe for each Vlocity release. products: - Omnistudio release: "264" --- # OutputField Lightning Web Component ReadMe (Managed Package) For the managed package runtime, this page contains an OutputField LWC ReadMe for each Vlocity release. ![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US). ## Vlocity Insurance and Health Summer '20 The _OutputField Lightning Web Component_ returns the label, help text and value for the field name of a record. The returned data is read-only. ## Available c-output-field Attributes

Attribute	Value	Type	Required	Description
currency		string default: USD		Sets Currency type. valid only for currency fields
extraclass		string		Adds class to the parent div.
field-label		string		Sets the title of the field if field-title is not provided.
field-name		string	yes	Sets the field value to fetch.
field-title		string		Sets the title of the field.
labelclass		string		Adds class to the label field.
label		string		Sets a label for the output field.
locale		string default: en-US		Sets Locale. valid only for currency fields
mask		string		Adds a mask for the input value. It is applicable only for type: date/number. For type date the mask is different date formats. For type number it supports the same mask which is supported in input lwc component.
prevent-navigation		string		Prevents default navigation of url. It is applicable only for type: url.
record		string	yes	Provides the record from which to fetch the field value.
type	string, date, datetime, currency, phone, address, and so forth (Default: string)	string		Formats the field based on the type provided.
valueclass		string		Adds class to the value field.

## Example c-output-field Component ``` ``` ## Vlocity Insurance and Health Winter '20 and Vlocity CME Spring '20 The _OutputField Lightning Web Component_ returns the label, help text and value for the field name of a record. The returned data is read-only. ## Available c-output-field Attributes

Attribute	Value	Type	Required	Description
field-name		string	yes	Sets the field value to fetch.
record		string	yes	Provides the record from which to fetch the field value.
type	string, date, datetime, currency, phone, address, and so forth (Default: string)	string		Formats the field based on the type provided.

## Example c-output-field Component ``` ``` ## Vlocity Insurance and Health Summer '19 and Vlocity CME Fall '19 The _OutputField Lightning Web Component_ returns the label, help text and value for the field name of a record. The returned data is read-only. ## Available c-output-field Attributes

Attribute	Value	Type	Required	Description
field-name		string	yes	Sets the field value to fetch.
record		string	yes	Provides the record from which to fetch the field value.

## Example c-output-field Component ``` ```