The <mediaos-user-menu> component provides a user account menu typically placed in the upper-right corner of a website. It reflects the user’s login state and gives access to account settings, purchases, directory listings, and more. This component is embeddable on any publisher’s site using MediaOS Audience.
Component HTML #
<mediaos-user-menu
register-header="Join the Fun!"
register-text="Create your free account to access exclusive content and local deals."
register-button-text="Sign Up Free"
login-header="Hello Again"
login-text="Login to manage your profile, submissions, and rewards."
login-button-text="Log In"
height="40"
icon-height="20"
font-size="16"
font-color="#333333"
:login-text-styles="{ fontStyle: 'italic', color: '#555' }"
><mediaos-user-menu>What You Need to Know #
| Prop Name | Type | Default | Description |
|---|---|---|---|
register-header |
String | 'Not a member?' |
Header text shown on the registration prompt. |
register-text |
String | 'Sign up for an account for instant access to upcoming contests, local offers and so much more.' |
Descriptive text encouraging users to register. |
register-button-text |
String | 'Join now, it\'s FREE!' |
Text displayed on the registration button. |
login-header |
String | 'Welcome Back!' |
Header text shown on the login prompt. |
login-text |
String | 'Sign in to your account to access your profile, contests, local offers and more.' |
Descriptive text encouraging users to log in. |
login-button-text |
String | 'Sign In' |
Text displayed on the login button. |
height |
String/Number | '30' |
Height of the user menu container, in pixels. |
icon-height |
String/Number | '17' |
Height of the icon used in the menu, in pixels. |
font-size |
String/Number | '18' |
Base font size used for menu text, in pixels. |
font-color |
String | '#000000' |
Hex color code for menu text. |
login-text-styles |
Object | {} |
Optional inline styles to customize the login prompt text (e.g., color, fontWeight). |
