️⚠️ 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:

import { Greeting } from ''

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

<Greeting />

Styles API

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 nameDescriptionComponent Source
greetingContainerThe container wrapping the message and the firstNameindex
messageThe default greeting messageindex
firstNameThe user first nameindex

Did this page help you?