# Polkadot-js New Ledger Support Completion **URL:** \ **Category:** Tech Talk\ **Tags:** ux\ **Created:** [August 8, 2024, 9:47pm UTC](https://forum.polkadot.network/t/polkadot-js-new-ledger-support-completion/9559 "2024-08-08T21:47:55Z")\ **Posts on this page:** 1\ **Page:** 1
**Author:** ![Tarik](https://dub1.discourse-cdn.com/flex005/user_avatar/forum.polkadot.network/tarik/32/5912_2.png) [@Tarik](https://forum.polkadot.network/u/Tarik)\ **Post date:** [August 8, 2024, 9:47pm UTC](https://forum.polkadot.network/t/polkadot-js-new-ledger-support-completion/9559/1 "2024-08-08T21:47:55Z")
## Ledger Support In Polkadot-JS I’m excited to announce that support for [the new Ledger app](https://forum.polkadot.network/t/new-polkadot-ledger-app/) in Polkadot-JS has been fully implemented across Common, UI, Apps, and Extension. While some components were completed earlier, others have only recently been merged and released, such as the Extension. In this blog post, I’ll cover: 1. [The Ledger Settings](#the-ledger-settings) 2. [Technical Overview](#technical-overview) 3. [Final Thoughts and To Do’s](#final-thoughts-and-to-dos) ## The Ledger Settings Both the Extension and Apps share a similar approach: as a user, you’ll need to toggle a specific setting to use [the Migration app](https://forum.polkadot.network/t/new-polkadot-ledger-app/8817). By default, the new Generic App is always enabled. ### Polkadot-JS Apps For a step-by-step guide on adding your Ledger account to Polkadot-JS Apps using the updated interface, please refer to this well-written article: [Polkadot-JS UI: How to Add a Ledger Account](https://support.polkadot.network/support/solutions/articles/65000170812-polkadot-js-ui-how-to-add-a-ledger-account). **Accessing Ledger Settings** : Navigate to the “Settings” tab in the top header of the page. Under the “General” section, you’ll find the “Account Options” area, which includes dropdowns for “Manage Hardware Connections” and “Manage Ledger App.” ![Screenshot 2024-08-08 at 5.29.38 PM](https://europe1.discourse-cdn.com/flex005/uploads/polkadot2/original/2X/2/25d39e27073315ee5a901613a43b73ba9583b96d.png) **Manage hardware connections** : This dropdown has been available since the legacy Ledger support and functions the same way. It is important to note that it only works with Chrome browsers, as there is no Ledger support for Firefox. ![Screenshot 2024-08-08 at 5.33.59 PM](https://europe1.discourse-cdn.com/flex005/uploads/polkadot2/original/2X/c/c7423e936445d188d48569e87f9d82f177089c02.png) **Manage ledger app** : This dropdown provides options to either “Use the Ledger Generic App” or “Use the Ledger Migration App.” If you plan to use or add an account from the Migration App, you’ll need to toggle this setting accordingly. ![Screenshot 2024-08-08 at 5.35.53 PM](https://europe1.discourse-cdn.com/flex005/uploads/polkadot2/original/2X/5/541df803d769cf944024172fc2746a04c3006f6b.png) ### Polkadot-JS Extension For a step-by-step guide on adding your Ledger account to Polkadot-JS Apps using the updated interface, please refer to this well-written article: [Polkadot Extension: How to Add Your Ledger Account](https://support.polkadot.network/support/solutions/articles/65000175387-polkadot-extension-how-to-add-your-ledger-account). **Accessing Ledger Settings** : In the top right corner of the Extension, click on the “Gear” icon. Under the “Ledger App” section, you’ll find a dropdown menu. ![Screenshot 2024-08-08 at 5.38.23 PM](https://europe1.discourse-cdn.com/flex005/uploads/polkadot2/original/2X/c/c5a8e22b8f155121b9c6088e8ef2febb8ff1298d.png) **Ledger App** : This dropdown provides two options: “Use the Ledger Polkadot Generic App” and “Use the Ledger Migration App.” To use any Migration App account, you must select the Migration App option. ![Screenshot 2024-08-08 at 5.39.44 PM](https://europe1.discourse-cdn.com/flex005/uploads/polkadot2/original/2X/e/ed3961f0a27f138eb6ea9aea3a9bc1cac5b6639b.png) **Metadata** : The latest metadata is required in the Extension to retrieve the necessary proof for Ledger. In Apps, you can manually trigger the upload by navigating to the “Settings” tab and then selecting the “Metadata” tab. ![Screenshot 2024-08-08 at 5.44.03 PM](https://europe1.discourse-cdn.com/flex005/uploads/polkadot2/original/2X/0/07b2d406f5debf1c029fa3964dd2c7326a9d0c61.png) ## Technical Overview For those interested, I wanted to highlight a quick overview of the libraries involved, and some changes in each. 1. Polkadot-js/common 2. Polkadot-js/ui 3. Polakdot-api/merkleize-metadata 4. Polkadot-js/extension ## Final Thoughts and To Do’s I want to extend my gratitude to everyone in the community and all those involved for their patience throughout this process. A special thanks to Iker, Alberto, and Santiago for their help in getting this over the finish line, as well as to the Polkadot-api team for developing the `@polkadot-api/merkleize-metadata` package. As always, the most challenging aspect was integrating all the pieces across the Polkadot-js repositories. With so many moving parts and technical decisions to navigate—often without clear documentation or buried in years of old GitHub issues—this process was anything but straightforward. However, I ended up learning far more than I expected, which has further solidified my understanding of previously unfamiliar parts of Polkadot-JS. ### To Do’s There is one remaining UX issue in the Extension, which you can track here: [#1439](https://github.com/polkadot-js/extension/issues/1439).