Learn how to use the Nile Auth User component
UserInfo
component displays a user’s profile information, including their name, email, and profile picture. It supports fetching user data dynamically if no user is provided initially.
Name | Type | Description |
---|---|---|
user | User | null | undefined | The user object, if already available. |
fetchUrl | string (optional) | API endpoint to fetch user data if not provided. Defaults to "/api/me" . |
profilePicturePlaceholder | React.ReactElement (optional) | Placeholder component for the profile picture if the user has none. |
User
type includes:
user
is not provided, it fetches data from fetchUrl
.user
is provided, the component will not make a fetch request.alt
attribute for images.className
and buttonText
props,
or using Tailwind CSS theme variables. You can find more details and full examples in the customization doc.
In addition, the hooks documented for each component can be used if you’d like to use Nile Auth with your own components.
If needed, you can peek at the source code of the component and use it as a template to create your own component for maximum customization.