️⚠️ Warning

The Greeting app has been deprecated. Despite this, support for it is still granted.

Greeting is a VTEX component that renders a default welcome message with the user first name, if it is available in the orderForm. This component can be imported and used by any VTEX app.

You should follow the usage instruction in the main README.

To import it into your code:

You can use it in your code like a React component with the jsx tag: <Greeting />.

You should follow the Styles API instruction in the main README.

CSS Namespaces

Below, we describe the namespace that are defined in the Greeting.

Class name	Description	Component Source
greetingContainer	The container wrapping the message and the firstName	index
message	The default greeting message	index
firstName	The user first name	index