Earthdata Login

<terra-earthdata-login> | TerraEarthdataLogin

Since 1.0

stable

A form that logs in to Earthdata Login (EDL)

<terra-earthdata-login></terra-earthdata-login>

%pip install -q "terra_ui_components" "anywidget"
from terra_ui_components import TerraEarthdataLogin
TerraEarthdataLogin()

[component-metadata:terra-earthdata-login]

Importing

If you’re using the autoloader or the traditional loader, you can ignore this section. Otherwise, feel free to use any of the following snippets to cherry pick this component.

Script

Import

Bundler

React

To import this component from the CDN using a script tag:

<script type="module" src="https://cdn.jsdelivr.net/npm/@nasa-terra/components@0.0.138/cdn/components/earthdata-login/earthdata-login.js"></script>

To import this component from the CDN using a JavaScript import:

import 'https://cdn.jsdelivr.net/npm/@nasa-terra/components@0.0.138/cdn/components/earthdata-login/earthdata-login.js';

To import this component using a bundler:

import '@nasa-terra/components/dist/components/earthdata-login/earthdata-login.js';

To import this component as a React component:

import TerraEarthdataLogin from '@nasa-terra/components/dist/react/earthdata-login';

Properties

Name	Description	Type	Default
`loggedInMessage` `logged-in-message`	The message to show when the user is logged in You can use the following placeholders: {username} - The username of the user {first_name} - The first name of the user {last_name} - The last name of the user	`string \| undefined`	-
`autoLogin` `auto-login`	if true and the user has passed in a username and password, we will automatically log them in this is useful for Jupyter Notebooks where we may want to automatically log the user in when the component is rendered	`boolean`	`false`
`updateComplete`	A read-only promise that resolves when the component has finished updating.

Learn more about attributes and properties.

Events

Name	React Event	Description	Event Detail
`terra-login`	`onTerraLogin`	Emitted when a bearer token has been received from EDL.	-

Learn more about events.