<UserProfile />
A full-featured account management component
Overview
The <UserProfile/> component is used to render a beautiful, full-featured account management UI that allows users to manage their profile and security settings. Learn more about the <UserProfile/> component, what it does, and how it is used by reading our User Profile component guide.
Usage
1
1
1
Interested in using path-based routing instead of the default hash-based routing? Check out the example code here.
Props
| Name | Type | Description |
|---|---|---|
| appearance? | Theme | Controls the overall look and feel |
| routing? | RoutingStrategy | The routing strategy for your pages. Supported values are: hash: (default) Hash based routing. path: Path based routing. virtual: Virtual based routing. |
| path? | string | The root URL where the component is mounted on. |
| hideNavigation? | boolean | Hides the default navigation bar. Can be used when a custom navigation bar is built. |
| only? | string | Renders only a specific page of the UserProfile component. Supported values are:
|
Customization
The <UserProfile/> component can be highly customized through the appearance prop and can be styled using CSS Modules, Tailwind, inline CSS objects, or global CSS.