eds-user

See It in Use with Code

Check out this practical implementation of component.

Directly in HTML

In React

In Vue

Overview

EdsUser is a user component for managing and displaying the user’s auth information. Displays a user dropdown menu when authenticated.

This component is ideal for embedding into any layout requiring user authentication.

Properties

Property	Attribute	Description	Type	Default
`dropdownLabel`	`dropdown-label`		`string`	`'Account'`
`intent`	`intent`	Visual intent of the trigger button	`"brand" \| "ghost" \| "primary" \| "secondary"`	`'ghost'`
`user`	`user`	The user object containing user information, or a JSON string to be parsed.	`User \| string`	`undefined`

Methods

`closeDropdown() => Promise<void>`

Returns

Type: Promise<void>

Dependencies

Depends on

eds-dropdown
eds-avatar

Graph

graph TD;
  eds-user --> eds-dropdown
  eds-user --> eds-avatar
  eds-dropdown --> eds-button
  eds-button --> eds-icon-wrapper
  eds-avatar --> eds-img
  style eds-user fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS