@myuw-web-components/myuw-profile
Advanced tools
Web component that provides an avatar button and profile menu
Add the following import to your page's <head>:
<script type="module" src="https://unpkg.com/@myuw-web-components/myuw-profile@^1?module"></script>
<script nomodule src="https://unpkg.com/@myuw-web-components/myuw-profile@^1"></script>
Use the component's HTML tag wherever you want:
<myuw-profile
login-url=""
logout-url=""
background-color=""
>
</myuw-profile>
To tell the component that there is an active session, dispatch a CustomEvent called "myuw-login":
var customEvent = new CustomEvent('myuw-login', {
bubbles: true, // optional
detail: { // required object "detail"
person: { // required object "person"
"firstName": "User" // optional property "firstName"
}
}
});
// Dispatch the event
document.getElementsByTagName('myuw-profile')[0].dispatchEvent(customEvent);
Notes:
document<a> tag--myuw-profile-font: Set the font stack for this component--myuw-profile-login-color: Set the font color of the "Login" button--myuw-profile-background-color: Set the background color of the circular menu button--myuw-menu-color: The text color of links/buttons in the profile menuFor more information about CSS variables and how they work with MyUW Web Components, reference the styles component
1.3.0
FAQs
Web component that provides an avatar button and profile menu
The npm package @myuw-web-components/myuw-profile receives a total of 353 weekly downloads. As such, @myuw-web-components/myuw-profile popularity was classified as not popular.
We found that @myuw-web-components/myuw-profile demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 8 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
Socket researchers have discovered malicious npm packages targeting crypto developers, stealing credentials and wallet data using spyware delivered through typosquats of popular cryptographic libraries.
Security News
Socket's package search now displays weekly downloads for npm packages, helping developers quickly assess popularity and make more informed decisions.
Security News
A Stanford study reveals 9.5% of engineers contribute almost nothing, costing tech $90B annually, with remote work fueling the rise of "ghost engineers."