[CI Skip] 0.28.4

2026-06-13 09:51:03 +00:00 · 2019-02-27 10:22:45 +00:00
parent 28b991d61d
commit b74f8de6ff
202 changed files with 6646 additions and 8 deletions
@@ -0,0 +1,141 @@
+
+@polkadot/ui-keyring
+====================
+
+A wrapper extending the base @polkadot/keyring interface for usage in the browser: Key management of user accounts including generation and retrieval of keyring pairs from a variety of input combinations.
+
+Usage Examples
+--------------
+
+All module methods are exposed through a single default export.
+
+### Regular
+
+```js
+import keyring from @polkadot/ui-keyring
+
+render () {
+  // encode publicKey to ss58 address
+  const address = keyring.encodeAddress(publicKey);
+
+  // get keyring pair from ss58 address
+  const pair = keyring.getPair(address);
+
+  // ask questions about that particular keyring pair
+  const isLocked = pair.isLocked();
+  const meta = pair.getMeta();
+
+  // save account from pair
+  keyring.saveAccount(pair, password);
+
+  // save address without unlocking it
+  keyring.saveAddress(address, { ...meta });
+}
+```
+
+Observables
+-----------
+
+Option 1: Declarative subscribe/unsubscribe w/ react-with-observable (recommended 'React' way)
+
+```js
+import accountObservable from '@polkadot/ui-keyring/observable/accounts';
+import { SingleAddress, SubjectInfo } from '@polkadot/ui-keyring/observable/types';
+import React from 'react';
+import { Subscribe } from 'react-with-observable';
+import { map } from 'rxjs/operators';
+
+class MyReactComponent extends React.PureComponent {
+  render () {
+    <Subscribe>
+      {accountObservable.subject.pipe(
+        map((allAccounts: SubjectInfo) =>
+          !allAccounts
+            ? this.renderEmpty()
+            : Object.values(allAccounts).map((account: SingleAddress) =>
+                // Your component goes here
+                console.log(account.json.address)
+            )
+        ))}
+    </Subscribe>
+  }
+
+  renderEmpty () {
+    return (
+      <div> no accounts to display ... </div>
+    );
+  }
+}
+
+```
+
+Option 2: Imperative subscribe/unsubscribe
+
+```js
+import accountObservable from '@polkadot/ui-keyring/observable/accounts';
+import { SingleAddress, SubjectInfo } from '@polkadot/ui-keyring/observable/types';
+import React from 'react';
+import { Subscription } from 'rxjs';
+
+type State = {
+  allAccounts?: SubjectInfo,
+  subscriptions?: [Subscription]
+}
+
+class MyReactComponent extends React.PureComponent<State> {
+  componentDidMount () {
+    const accountSubscription = accountObservable.subject.subscribe((observedAccounts) => {
+      this.setState({
+        accounts: observedAccounts
+      });
+    })
+
+    this.setState({
+      subscriptions: [accountSubscription]
+    });
+  }
+
+  componentWillUnmount () {
+    const { subscriptions } = this.state;
+
+    for (s in subscriptions) {
+      s.subject.unsubscribe();
+    }
+  }
+
+  render () {
+    const { accounts } = this.state;
+
+    return (
+      <h1>All Accounts</h1>
+      {
+        Object.keys(accounts).map((address: SingleAddress) => {
+          return <p> {address} </p>;
+        })
+      }
+    )
+  }
+}
+```
+
+FAQ
+---
+
+*   Difference between Keyring Accounts and Addresses?
+    *   From the perspective of the keyring, it saves a particular user's unlocked identities as an account, a la keyring.saveAccount(pair, password). So with these accounts you are able to send and sign transactions.
+    *   To save addresses without unlocking them (i.e. because a user might want to have easy access to addresses they frequently transact with), use keyring.saveAddress(address, meta)
+*   What are 'external' accounts, i.e. when to set the `isExternal` meta key to true?
+    *   An external account is one where the keys are not managed by keyring, e.g. in Parity Signer or Ledger Nano.
+*   SS58 Encode / Decode?
+    *   SS58 is a simple address format designed for Substrate based chains. You can read about its specification in more detail in the [Parity Wiki](https://wiki.parity.io/External-Address-Format-(SS58)).
+
+**If you have any unanswered/undocumented questions, please raise an issue [here](https://github.com/polkadot-js/ui/issues).**
+
+Users
+-----
+
+Keyring is core to many polkadot/substrate apps.
+
+*   [polkadot-js/apps](https://github.com/polkadot-js/apps)
+*   [paritytech/substrate-light-ui](https://github.com/paritytech/substrate-light-ui)
+
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>polkadot-js/ui</title>
+    <meta name="description" content="UI libraries and utilities in-use accross @polkadot projects">
+    
+    
+    <link rel="preload" href="/ui/assets/css/0.styles.f5c7dbec.css" as="style"><link rel="preload" href="/ui/assets/js/app.73634ed0.js" as="script"><link rel="preload" href="/ui/assets/js/2.f00ab508.js" as="script"><link rel="preload" href="/ui/assets/js/36.21d292ef.js" as="script"><link rel="prefetch" href="/ui/assets/js/10.feee2fb6.js"><link rel="prefetch" href="/ui/assets/js/11.4431186e.js"><link rel="prefetch" href="/ui/assets/js/12.60cde7c6.js"><link rel="prefetch" href="/ui/assets/js/13.e8f9b929.js"><link rel="prefetch" href="/ui/assets/js/14.edf23a0c.js"><link rel="prefetch" href="/ui/assets/js/15.6e140e5c.js"><link rel="prefetch" href="/ui/assets/js/16.814a59b4.js"><link rel="prefetch" href="/ui/assets/js/17.4319f57a.js"><link rel="prefetch" href="/ui/assets/js/18.00707b98.js"><link rel="prefetch" href="/ui/assets/js/19.0353e250.js"><link rel="prefetch" href="/ui/assets/js/20.f2154956.js"><link rel="prefetch" href="/ui/assets/js/21.d98322fa.js"><link rel="prefetch" href="/ui/assets/js/22.11f02f68.js"><link rel="prefetch" href="/ui/assets/js/23.7e342d4b.js"><link rel="prefetch" href="/ui/assets/js/24.09820451.js"><link rel="prefetch" href="/ui/assets/js/25.1bd9b377.js"><link rel="prefetch" href="/ui/assets/js/26.7b3990eb.js"><link rel="prefetch" href="/ui/assets/js/27.dd6dd743.js"><link rel="prefetch" href="/ui/assets/js/28.233b0f0a.js"><link rel="prefetch" href="/ui/assets/js/29.a6937576.js"><link rel="prefetch" href="/ui/assets/js/3.59687fa1.js"><link rel="prefetch" href="/ui/assets/js/30.328e9c48.js"><link rel="prefetch" href="/ui/assets/js/31.cb7914e9.js"><link rel="prefetch" href="/ui/assets/js/32.665882f2.js"><link rel="prefetch" href="/ui/assets/js/33.df108508.js"><link rel="prefetch" href="/ui/assets/js/34.b3c60c46.js"><link rel="prefetch" href="/ui/assets/js/35.29dac2f1.js"><link rel="prefetch" href="/ui/assets/js/37.decf506d.js"><link rel="prefetch" href="/ui/assets/js/38.fa65c92d.js"><link rel="prefetch" href="/ui/assets/js/39.b67bc959.js"><link rel="prefetch" href="/ui/assets/js/4.7bd9f4a3.js"><link rel="prefetch" href="/ui/assets/js/40.eb2643d2.js"><link rel="prefetch" href="/ui/assets/js/41.9d7f2b1e.js"><link rel="prefetch" href="/ui/assets/js/42.ce9853f2.js"><link rel="prefetch" href="/ui/assets/js/43.ef18b427.js"><link rel="prefetch" href="/ui/assets/js/44.e0ccc5ab.js"><link rel="prefetch" href="/ui/assets/js/45.3b567ceb.js"><link rel="prefetch" href="/ui/assets/js/46.4d5b3c30.js"><link rel="prefetch" href="/ui/assets/js/47.887b39e7.js"><link rel="prefetch" href="/ui/assets/js/48.a3d06fb4.js"><link rel="prefetch" href="/ui/assets/js/49.7627fee6.js"><link rel="prefetch" href="/ui/assets/js/5.483bab38.js"><link rel="prefetch" href="/ui/assets/js/50.abd05e11.js"><link rel="prefetch" href="/ui/assets/js/51.3ec61dab.js"><link rel="prefetch" href="/ui/assets/js/52.2afa38a5.js"><link rel="prefetch" href="/ui/assets/js/53.f77215a0.js"><link rel="prefetch" href="/ui/assets/js/54.683fae75.js"><link rel="prefetch" href="/ui/assets/js/55.8b987b3e.js"><link rel="prefetch" href="/ui/assets/js/56.3403573d.js"><link rel="prefetch" href="/ui/assets/js/57.3a215b4a.js"><link rel="prefetch" href="/ui/assets/js/58.43ef2d75.js"><link rel="prefetch" href="/ui/assets/js/59.dc6b692e.js"><link rel="prefetch" href="/ui/assets/js/6.1cf8dc02.js"><link rel="prefetch" href="/ui/assets/js/60.9121e16b.js"><link rel="prefetch" href="/ui/assets/js/61.fdb5b478.js"><link rel="prefetch" href="/ui/assets/js/62.3852ca62.js"><link rel="prefetch" href="/ui/assets/js/63.17c6de51.js"><link rel="prefetch" href="/ui/assets/js/64.53931fa1.js"><link rel="prefetch" href="/ui/assets/js/65.4a396d1b.js"><link rel="prefetch" href="/ui/assets/js/66.bdab91ca.js"><link rel="prefetch" href="/ui/assets/js/67.c5fc00e6.js"><link rel="prefetch" href="/ui/assets/js/68.8152528b.js"><link rel="prefetch" href="/ui/assets/js/7.b58d6c7e.js"><link rel="prefetch" href="/ui/assets/js/8.24fc59de.js"><link rel="prefetch" href="/ui/assets/js/9.0d2a08b3.js">
+    <link rel="stylesheet" href="/ui/assets/css/0.styles.f5c7dbec.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/ui/" class="home-link router-link-active"><!----> <span class="site-name">polkadot-js/ui</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/ui/ui-identicon/" class="sidebar-link">@polkadot/ui-identicon</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-identicon/#usage-examples" class="sidebar-link">Usage Examples</a></li></ul></li><li><a href="/ui/ui-keyring/" class="sidebar-link">@polkadot/ui-keyring</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#observables" class="sidebar-link">Observables</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#faq" class="sidebar-link">FAQ</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#users" class="sidebar-link">Users</a></li></ul></li><li><a href="/ui/ui-settings/" class="sidebar-link">@polkadot/ui-settings</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-settings/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-settings/#used-by" class="sidebar-link">Used by</a></li></ul></li><li><a href="/ui/ui-util/" class="sidebar-link">@polkadot/ui-util</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-util/#formatbalance" class="sidebar-link">formatBalance</a></li><li class="sidebar-sub-header"><a href="/ui/ui-util/#calcsi" class="sidebar-link">calcSi</a></li></ul></li><li><a href="/ui/CONTRIBUTING.html" class="sidebar-link">Contributing</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#what" class="sidebar-link">What?</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#rules" class="sidebar-link">Rules</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#releases" class="sidebar-link">Releases</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#changes-to-this-arrangement" class="sidebar-link">Changes to this arrangement</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#heritage" class="sidebar-link">Heritage</a></li></ul></li></ul> </aside> <main class="page"> <div class="content default"><ul><li><a href="/ui/ui-keyring/modules/_base_.html">&quot;Base&quot;</a> <ul><li><a href="/ui/ui-keyring/classes/_base_.base.html">Base</a></li></ul></li> <li><a href="/ui/ui-keyring/modules/_keyring_.html">&quot;Keyring&quot;</a> <ul><li><a href="/ui/ui-keyring/classes/_keyring_.keyring.html">Keyring</a></li></ul></li> <li><a href="/ui/ui-keyring/modules/_defaults_.html">&quot;defaults&quot;</a></li> <li><a href="/ui/ui-keyring/modules/_observable_accounts_.html">&quot;observable/accounts&quot;</a></li> <li><a href="/ui/ui-keyring/modules/_observable_addresses_.html">&quot;observable/addresses&quot;</a></li> <li><a href="/ui/ui-keyring/modules/_observable_development_.html">&quot;observable/development&quot;</a></li> <li><a href="/ui/ui-keyring/modules/_observable_genericsubject_.html">&quot;observable/genericSubject&quot;</a></li> <li><a href="/ui/ui-keyring/modules/_observable_types_.html">&quot;observable/types&quot;</a></li> <li><a href="/ui/ui-keyring/modules/_options_keypair_.html">&quot;options/KeyPair&quot;</a> <ul><li><a href="/ui/ui-keyring/classes/_options_keypair_.keypair.html">KeyPair</a></li></ul></li> <li><a href="/ui/ui-keyring/modules/_options_item_.html">&quot;options/item&quot;</a></li> <li><a href="/ui/ui-keyring/modules/_options_types_.html">&quot;options/types&quot;</a> <ul><li><a href="/ui/ui-keyring/interfaces/_options_types_.keyringoptioninstance.html">KeyringOptionInstance</a></li></ul></li> <li><a href="/ui/ui-keyring/modules/_types_.html">&quot;types&quot;</a> <ul><li><a href="/ui/ui-keyring/interfaces/_types_.keyringstruct.html">KeyringStruct</a></li></ul></li></ul></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
+    <script src="/ui/assets/js/app.73634ed0.js" defer></script><script src="/ui/assets/js/2.f00ab508.js" defer></script><script src="/ui/assets/js/36.21d292ef.js" defer></script>
+  </body>
+</html>
@@ -0,0 +1,17 @@
+* [&quot;Base&quot;](modules/_base_.md)
+  * [Base](classes/_base_.base.md)
+* [&quot;Keyring&quot;](modules/_keyring_.md)
+  * [Keyring](classes/_keyring_.keyring.md)
+* [&quot;defaults&quot;](modules/_defaults_.md)
+* [&quot;observable/accounts&quot;](modules/_observable_accounts_.md)
+* [&quot;observable/addresses&quot;](modules/_observable_addresses_.md)
+* [&quot;observable/development&quot;](modules/_observable_development_.md)
+* [&quot;observable/genericSubject&quot;](modules/_observable_genericsubject_.md)
+* [&quot;observable/types&quot;](modules/_observable_types_.md)
+* [&quot;options/KeyPair&quot;](modules/_options_keypair_.md)
+  * [KeyPair](classes/_options_keypair_.keypair.md)
+* [&quot;options/item&quot;](modules/_options_item_.md)
+* [&quot;options/types&quot;](modules/_options_types_.md)
+  * [KeyringOptionInstance](interfaces/_options_types_.keyringoptioninstance.md)
+* [&quot;types&quot;](modules/_types_.md)
+  * [KeyringStruct](interfaces/_types_.keyringstruct.md)
@@ -0,0 +1,191 @@
+
+
+# Hierarchy
+
+**Base**
+
+↳  [Keyring](_keyring_.keyring.md)
+
+# Constructors
+
+<a id="constructor"></a>
+
+##  constructor
+
+⊕ **new Base**(): [Base](_base_.base.md)
+
+*Defined in [Base.ts:22](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L22)*
+
+**Returns:** [Base](_base_.base.md)
+
+___
+
+# Accessors
+
+<a id="accounts"></a>
+
+##  accounts
+
+**get accounts**(): `object`
+
+*Defined in [Base.ts:30](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L30)*
+
+**Returns:** `object`
+
+___
+<a id="addresses"></a>
+
+##  addresses
+
+**get addresses**(): `object`
+
+*Defined in [Base.ts:34](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L34)*
+
+**Returns:** `object`
+
+___
+<a id="keyring"></a>
+
+##  keyring
+
+**get keyring**(): `KeyringInstance`
+
+*Defined in [Base.ts:38](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L38)*
+
+**Returns:** `KeyringInstance`
+
+___
+
+# Methods
+
+<a id="decodeaddress"></a>
+
+##  decodeAddress
+
+▸ **decodeAddress**(key: *`string` \| `Uint8Array`*): `Uint8Array`
+
+*Defined in [Base.ts:46](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L46)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| key | `string` \| `Uint8Array` |
+
+**Returns:** `Uint8Array`
+
+___
+<a id="encodeaddress"></a>
+
+##  encodeAddress
+
+▸ **encodeAddress**(key: *`string` \| `Uint8Array`*): `string`
+
+*Defined in [Base.ts:50](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L50)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| key | `string` \| `Uint8Array` |
+
+**Returns:** `string`
+
+___
+<a id="getpair"></a>
+
+##  getPair
+
+▸ **getPair**(address: *`string` \| `Uint8Array`*): `KeyringPair`
+
+*Defined in [Base.ts:54](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L54)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` \| `Uint8Array` |
+
+**Returns:** `KeyringPair`
+
+___
+<a id="getpairs"></a>
+
+##  getPairs
+
+▸ **getPairs**(): `Array`<`KeyringPair`>
+
+*Defined in [Base.ts:58](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L58)*
+
+**Returns:** `Array`<`KeyringPair`>
+
+___
+<a id="isavailable"></a>
+
+##  isAvailable
+
+▸ **isAvailable**(_address: *`Uint8Array` \| `string`*): `boolean`
+
+*Defined in [Base.ts:64](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L64)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| _address | `Uint8Array` \| `string` |
+
+**Returns:** `boolean`
+
+___
+<a id="ispassvalid"></a>
+
+##  isPassValid
+
+▸ **isPassValid**(password: *`string`*): `boolean`
+
+*Defined in [Base.ts:74](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L74)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| password | `string` |
+
+**Returns:** `boolean`
+
+___
+<a id="setaddressprefix"></a>
+
+##  setAddressPrefix
+
+▸ **setAddressPrefix**(prefix: *`number`*): `void`
+
+*Defined in [Base.ts:78](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L78)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| prefix | `number` |
+
+**Returns:** `void`
+
+___
+<a id="setdevmode"></a>
+
+##  setDevMode
+
+▸ **setDevMode**(isDevelopment: *`boolean`*): `void`
+
+*Defined in [Base.ts:82](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L82)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| isDevelopment | `boolean` |
+
+**Returns:** `void`
+
+___
+
@@ -0,0 +1,526 @@
+
+
+# Hierarchy
+
+ [Base](_base_.base.md)
+
+**↳ Keyring**
+
+# Implements
+
+* [KeyringStruct](../interfaces/_types_.keyringstruct.md)
+
+# Constructors
+
+<a id="constructor"></a>
+
+##  constructor
+
+⊕ **new Keyring**(): [Keyring](_keyring_.keyring.md)
+
+*Inherited from [Base](_base_.base.md).[constructor](_base_.base.md#constructor)*
+
+*Defined in [Base.ts:22](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L22)*
+
+**Returns:** [Keyring](_keyring_.keyring.md)
+
+___
+
+# Accessors
+
+<a id="accounts"></a>
+
+##  accounts
+
+**get accounts**(): `object`
+
+*Inherited from [Base](_base_.base.md).[accounts](_base_.base.md#accounts)*
+
+*Defined in [Base.ts:30](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L30)*
+
+**Returns:** `object`
+
+___
+<a id="addresses"></a>
+
+##  addresses
+
+**get addresses**(): `object`
+
+*Inherited from [Base](_base_.base.md).[addresses](_base_.base.md#addresses)*
+
+*Defined in [Base.ts:34](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L34)*
+
+**Returns:** `object`
+
+___
+<a id="keyring"></a>
+
+##  keyring
+
+**get keyring**(): `KeyringInstance`
+
+*Inherited from [Base](_base_.base.md).[keyring](_base_.base.md#keyring)*
+
+*Defined in [Base.ts:38](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L38)*
+
+**Returns:** `KeyringInstance`
+
+___
+
+# Methods
+
+<a id="addaccountpair"></a>
+
+##  addAccountPair
+
+▸ **addAccountPair**(pair: *`KeyringPair`*, password: *`string`*): `KeyringPair`
+
+*Defined in [Keyring.ts:22](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L22)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| pair | `KeyringPair` |
+| password | `string` |
+
+**Returns:** `KeyringPair`
+
+___
+<a id="backupaccount"></a>
+
+##  backupAccount
+
+▸ **backupAccount**(pair: *`KeyringPair`*, password: *`string`*): `KeyringPair$Json`
+
+*Defined in [Keyring.ts:29](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L29)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| pair | `KeyringPair` |
+| password | `string` |
+
+**Returns:** `KeyringPair$Json`
+
+___
+<a id="createaccount"></a>
+
+##  createAccount
+
+▸ **createAccount**(seed: *`Uint8Array`*, password?: *`undefined` \| `string`*, meta?: *`KeyringPair$Meta`*): `KeyringPair`
+
+*Defined in [Keyring.ts:39](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L39)*
+
+**Parameters:**
+
+| Name | Type | Default value |
+| ------ | ------ | ------ |
+| seed | `Uint8Array` | - |
+| `Optional` password | `undefined` \| `string` | - |
+| `Default value` meta | `KeyringPair$Meta` |  {} |
+
+**Returns:** `KeyringPair`
+
+___
+<a id="createaccountexternal"></a>
+
+##  createAccountExternal
+
+▸ **createAccountExternal**(publicKey: *`Uint8Array`*, meta?: *`KeyringPair$Meta`*): `KeyringPair`
+
+*Defined in [Keyring.ts:47](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L47)*
+
+**Parameters:**
+
+| Name | Type | Default value |
+| ------ | ------ | ------ |
+| publicKey | `Uint8Array` | - |
+| `Default value` meta | `KeyringPair$Meta` |  {} |
+
+**Returns:** `KeyringPair`
+
+___
+<a id="createaccountmnemonic"></a>
+
+##  createAccountMnemonic
+
+▸ **createAccountMnemonic**(seed: *`string`*, password?: *`undefined` \| `string`*, meta?: *`KeyringPair$Meta`*): `KeyringPair`
+
+*Defined in [Keyring.ts:55](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L55)*
+
+**Parameters:**
+
+| Name | Type | Default value |
+| ------ | ------ | ------ |
+| seed | `string` | - |
+| `Optional` password | `undefined` \| `string` | - |
+| `Default value` meta | `KeyringPair$Meta` |  {} |
+
+**Returns:** `KeyringPair`
+
+___
+<a id="decodeaddress"></a>
+
+##  decodeAddress
+
+▸ **decodeAddress**(key: *`string` \| `Uint8Array`*): `Uint8Array`
+
+*Inherited from [Base](_base_.base.md).[decodeAddress](_base_.base.md#decodeaddress)*
+
+*Defined in [Base.ts:46](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L46)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| key | `string` \| `Uint8Array` |
+
+**Returns:** `Uint8Array`
+
+___
+<a id="encodeaddress"></a>
+
+##  encodeAddress
+
+▸ **encodeAddress**(key: *`string` \| `Uint8Array`*): `string`
+
+*Inherited from [Base](_base_.base.md).[encodeAddress](_base_.base.md#encodeaddress)*
+
+*Defined in [Base.ts:50](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L50)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| key | `string` \| `Uint8Array` |
+
+**Returns:** `string`
+
+___
+<a id="encryptaccount"></a>
+
+##  encryptAccount
+
+▸ **encryptAccount**(pair: *`KeyringPair`*, password: *`string`*): `void`
+
+*Defined in [Keyring.ts:63](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L63)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| pair | `KeyringPair` |
+| password | `string` |
+
+**Returns:** `void`
+
+___
+<a id="forgetaccount"></a>
+
+##  forgetAccount
+
+▸ **forgetAccount**(address: *`string`*): `void`
+
+*Defined in [Keyring.ts:72](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L72)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` |
+
+**Returns:** `void`
+
+___
+<a id="forgetaddress"></a>
+
+##  forgetAddress
+
+▸ **forgetAddress**(address: *`string`*): `void`
+
+*Defined in [Keyring.ts:77](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L77)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` |
+
+**Returns:** `void`
+
+___
+<a id="getaccount"></a>
+
+##  getAccount
+
+▸ **getAccount**(address: *`string` \| `Uint8Array`*): [KeyringAddress](../modules/_types_.md#keyringaddress)
+
+*Defined in [Keyring.ts:81](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L81)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` \| `Uint8Array` |
+
+**Returns:** [KeyringAddress](../modules/_types_.md#keyringaddress)
+
+___
+<a id="getaccounts"></a>
+
+##  getAccounts
+
+▸ **getAccounts**(): `Array`<[KeyringAddress](../modules/_types_.md#keyringaddress)>
+
+*Defined in [Keyring.ts:85](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L85)*
+
+**Returns:** `Array`<[KeyringAddress](../modules/_types_.md#keyringaddress)>
+
+___
+<a id="getaddress"></a>
+
+##  getAddress
+
+▸ **getAddress**(_address: *`string` \| `Uint8Array`*, type?: *"account" \| "address"*): [KeyringAddress](../modules/_types_.md#keyringaddress)
+
+*Defined in [Keyring.ts:94](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L94)*
+
+**Parameters:**
+
+| Name | Type | Default value |
+| ------ | ------ | ------ |
+| _address | `string` \| `Uint8Array` | - |
+| `Default value` type | "account" \| "address" | &quot;address&quot; |
+
+**Returns:** [KeyringAddress](../modules/_types_.md#keyringaddress)
+
+___
+<a id="getaddresses"></a>
+
+##  getAddresses
+
+▸ **getAddresses**(): `Array`<[KeyringAddress](../modules/_types_.md#keyringaddress)>
+
+*Defined in [Keyring.ts:115](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L115)*
+
+**Returns:** `Array`<[KeyringAddress](../modules/_types_.md#keyringaddress)>
+
+___
+<a id="getpair"></a>
+
+##  getPair
+
+▸ **getPair**(address: *`string` \| `Uint8Array`*): `KeyringPair`
+
+*Inherited from [Base](_base_.base.md).[getPair](_base_.base.md#getpair)*
+
+*Defined in [Base.ts:54](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L54)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` \| `Uint8Array` |
+
+**Returns:** `KeyringPair`
+
+___
+<a id="getpairs"></a>
+
+##  getPairs
+
+▸ **getPairs**(): `Array`<`KeyringPair`>
+
+*Inherited from [Base](_base_.base.md).[getPairs](_base_.base.md#getpairs)*
+
+*Defined in [Base.ts:58](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L58)*
+
+**Returns:** `Array`<`KeyringPair`>
+
+___
+<a id="isavailable"></a>
+
+##  isAvailable
+
+▸ **isAvailable**(_address: *`Uint8Array` \| `string`*): `boolean`
+
+*Inherited from [Base](_base_.base.md).[isAvailable](_base_.base.md#isavailable)*
+
+*Defined in [Base.ts:64](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L64)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| _address | `Uint8Array` \| `string` |
+
+**Returns:** `boolean`
+
+___
+<a id="ispassvalid"></a>
+
+##  isPassValid
+
+▸ **isPassValid**(password: *`string`*): `boolean`
+
+*Inherited from [Base](_base_.base.md).[isPassValid](_base_.base.md#ispassvalid)*
+
+*Defined in [Base.ts:74](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L74)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| password | `string` |
+
+**Returns:** `boolean`
+
+___
+<a id="loadall"></a>
+
+##  loadAll
+
+▸ **loadAll**(options: *[KeyringOptions](../modules/_types_.md#keyringoptions)*): `void`
+
+*Defined in [Keyring.ts:156](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L156)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| options | [KeyringOptions](../modules/_types_.md#keyringoptions) |
+
+**Returns:** `void`
+
+___
+<a id="restoreaccount"></a>
+
+##  restoreAccount
+
+▸ **restoreAccount**(json: *`KeyringPair$Json`*, password: *`string`*): `KeyringPair`
+
+*Defined in [Keyring.ts:170](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L170)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| json | `KeyringPair$Json` |
+| password | `string` |
+
+**Returns:** `KeyringPair`
+
+___
+<a id="saveaccount"></a>
+
+##  saveAccount
+
+▸ **saveAccount**(pair: *`KeyringPair`*, password?: *`undefined` \| `string`*): `void`
+
+*Defined in [Keyring.ts:188](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L188)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| pair | `KeyringPair` |
+| `Optional` password | `undefined` \| `string` |
+
+**Returns:** `void`
+
+___
+<a id="saveaccountmeta"></a>
+
+##  saveAccountMeta
+
+▸ **saveAccountMeta**(pair: *`KeyringPair`*, meta: *`KeyringPair$Meta`*): `void`
+
+*Defined in [Keyring.ts:197](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L197)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| pair | `KeyringPair` |
+| meta | `KeyringPair$Meta` |
+
+**Returns:** `void`
+
+___
+<a id="saveaddress"></a>
+
+##  saveAddress
+
+▸ **saveAddress**(address: *`string`*, meta: *`KeyringPair$Meta`*): `void`
+
+*Defined in [Keyring.ts:207](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L207)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` |
+| meta | `KeyringPair$Meta` |
+
+**Returns:** `void`
+
+___
+<a id="saverecent"></a>
+
+##  saveRecent
+
+▸ **saveRecent**(address: *`string`*): [SingleAddress](../modules/_observable_types_.md#singleaddress)
+
+*Defined in [Keyring.ts:227](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Keyring.ts#L227)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` |
+
+**Returns:** [SingleAddress](../modules/_observable_types_.md#singleaddress)
+
+___
+<a id="setaddressprefix"></a>
+
+##  setAddressPrefix
+
+▸ **setAddressPrefix**(prefix: *`number`*): `void`
+
+*Inherited from [Base](_base_.base.md).[setAddressPrefix](_base_.base.md#setaddressprefix)*
+
+*Defined in [Base.ts:78](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L78)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| prefix | `number` |
+
+**Returns:** `void`
+
+___
+<a id="setdevmode"></a>
+
+##  setDevMode
+
+▸ **setDevMode**(isDevelopment: *`boolean`*): `void`
+
+*Inherited from [Base](_base_.base.md).[setDevMode](_base_.base.md#setdevmode)*
+
+*Defined in [Base.ts:82](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/Base.ts#L82)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| isDevelopment | `boolean` |
+
+**Returns:** `void`
+
+___
+
@@ -0,0 +1,335 @@
+
+
+# Type parameters
+#### S 
+#### SS 
+# Hierarchy
+
+ `PureComponent`<`Props`>
+
+**↳ KeyPair**
+
+# Methods
+
+<a id="unsafe_componentwillmount"></a>
+
+## `<Optional>` UNSAFE_componentWillMount
+
+▸ **UNSAFE_componentWillMount**(): `void`
+
+*Inherited from DeprecatedLifecycle.UNSAFE_componentWillMount*
+
+*Defined in /home/travis/build/polkadot-js/ui/node_modules/@types/react/index.d.ts:613*
+
+Called immediately before mounting occurs, and before `Component#render`. Avoid introducing any side-effects or subscriptions in this method.
+
+This method will not stop working in React 17.
+
+Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps prevents this from being invoked.
+
+*__deprecated__*: 16.3, use componentDidMount or the constructor instead
+
+*__see__*: [https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state)
+
+*__see__*: [https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path)
+
+**Returns:** `void`
+
+___
+<a id="unsafe_componentwillreceiveprops"></a>
+
+## `<Optional>` UNSAFE_componentWillReceiveProps
+
+▸ **UNSAFE_componentWillReceiveProps**(nextProps: *`Readonly`<`Props`>*, nextContext: *`any`*): `void`
+
+*Inherited from DeprecatedLifecycle.UNSAFE_componentWillReceiveProps*
+
+*Defined in /home/travis/build/polkadot-js/ui/node_modules/@types/react/index.d.ts:645*
+
+Called when the component may be receiving new props. React may call this even if props have not changed, so be sure to compare new and existing props if you only want to handle changes.
+
+Calling `Component#setState` generally does not trigger this method.
+
+This method will not stop working in React 17.
+
+Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps prevents this from being invoked.
+
+*__deprecated__*: 16.3, use static getDerivedStateFromProps instead
+
+*__see__*: [https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props)
+
+*__see__*: [https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path)
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| nextProps | `Readonly`<`Props`> |
+| nextContext | `any` |
+
+**Returns:** `void`
+
+___
+<a id="unsafe_componentwillupdate"></a>
+
+## `<Optional>` UNSAFE_componentWillUpdate
+
+▸ **UNSAFE_componentWillUpdate**(nextProps: *`Readonly`<`Props`>*, nextState: *`Readonly`<`S`>*, nextContext: *`any`*): `void`
+
+*Inherited from DeprecatedLifecycle.UNSAFE_componentWillUpdate*
+
+*Defined in /home/travis/build/polkadot-js/ui/node_modules/@types/react/index.d.ts:673*
+
+Called immediately before rendering when new props or state is received. Not called for the initial render.
+
+Note: You cannot call `Component#setState` here.
+
+This method will not stop working in React 17.
+
+Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps prevents this from being invoked.
+
+*__deprecated__*: 16.3, use getSnapshotBeforeUpdate instead
+
+*__see__*: [https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update)
+
+*__see__*: [https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path)
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| nextProps | `Readonly`<`Props`> |
+| nextState | `Readonly`<`S`> |
+| nextContext | `any` |
+
+**Returns:** `void`
+
+___
+<a id="componentdidcatch"></a>
+
+## `<Optional>` componentDidCatch
+
+▸ **componentDidCatch**(error: *`Error`*, errorInfo: *`ErrorInfo`*): `void`
+
+*Inherited from ComponentLifecycle.componentDidCatch*
+
+*Defined in /home/travis/build/polkadot-js/ui/node_modules/@types/react/index.d.ts:542*
+
+Catches exceptions generated in descendant components. Unhandled exceptions will cause the entire component tree to unmount.
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| error | `Error` |
+| errorInfo | `ErrorInfo` |
+
+**Returns:** `void`
+
+___
+<a id="componentdidmount"></a>
+
+## `<Optional>` componentDidMount
+
+▸ **componentDidMount**(): `void`
+
+*Inherited from ComponentLifecycle.componentDidMount*
+
+*Defined in /home/travis/build/polkadot-js/ui/node_modules/@types/react/index.d.ts:521*
+
+Called immediately after a component is mounted. Setting state here will trigger re-rendering.
+
+**Returns:** `void`
+
+___
+<a id="componentdidupdate"></a>
+
+## `<Optional>` componentDidUpdate
+
+▸ **componentDidUpdate**(prevProps: *`Readonly`<`Props`>*, prevState: *`Readonly`<`S`>*, snapshot?: *[SS]()*): `void`
+
+*Inherited from NewLifecycle.componentDidUpdate*
+
+*Defined in /home/travis/build/polkadot-js/ui/node_modules/@types/react/index.d.ts:584*
+
+Called immediately after updating occurs. Not called for the initial render.
+
+The snapshot is only present if getSnapshotBeforeUpdate is present and returns non-null.
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| prevProps | `Readonly`<`Props`> |
+| prevState | `Readonly`<`S`> |
+| `Optional` snapshot | [SS]() |
+
+**Returns:** `void`
+
+___
+<a id="componentwillmount"></a>
+
+## `<Optional>` componentWillMount
+
+▸ **componentWillMount**(): `void`
+
+*Inherited from DeprecatedLifecycle.componentWillMount*
+
+*Defined in /home/travis/build/polkadot-js/ui/node_modules/@types/react/index.d.ts:599*
+
+Called immediately before mounting occurs, and before `Component#render`. Avoid introducing any side-effects or subscriptions in this method.
+
+Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps prevents this from being invoked.
+
+*__deprecated__*: 16.3, use componentDidMount or the constructor instead; will stop working in React 17
+
+*__see__*: [https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state)
+
+*__see__*: [https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path)
+
+**Returns:** `void`
+
+___
+<a id="componentwillreceiveprops"></a>
+
+## `<Optional>` componentWillReceiveProps
+
+▸ **componentWillReceiveProps**(nextProps: *`Readonly`<`Props`>*, nextContext: *`any`*): `void`
+
+*Inherited from DeprecatedLifecycle.componentWillReceiveProps*
+
+*Defined in /home/travis/build/polkadot-js/ui/node_modules/@types/react/index.d.ts:628*
+
+Called when the component may be receiving new props. React may call this even if props have not changed, so be sure to compare new and existing props if you only want to handle changes.
+
+Calling `Component#setState` generally does not trigger this method.
+
+Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps prevents this from being invoked.
+
+*__deprecated__*: 16.3, use static getDerivedStateFromProps instead; will stop working in React 17
+
+*__see__*: [https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props)
+
+*__see__*: [https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path)
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| nextProps | `Readonly`<`Props`> |
+| nextContext | `any` |
+
+**Returns:** `void`
+
+___
+<a id="componentwillunmount"></a>
+
+## `<Optional>` componentWillUnmount
+
+▸ **componentWillUnmount**(): `void`
+
+*Inherited from ComponentLifecycle.componentWillUnmount*
+
+*Defined in /home/travis/build/polkadot-js/ui/node_modules/@types/react/index.d.ts:537*
+
+Called immediately before a component is destroyed. Perform any necessary cleanup in this method, such as cancelled network requests, or cleaning up any DOM elements created in `componentDidMount`.
+
+**Returns:** `void`
+
+___
+<a id="componentwillupdate"></a>
+
+## `<Optional>` componentWillUpdate
+
+▸ **componentWillUpdate**(nextProps: *`Readonly`<`Props`>*, nextState: *`Readonly`<`S`>*, nextContext: *`any`*): `void`
+
+*Inherited from DeprecatedLifecycle.componentWillUpdate*
+
+*Defined in /home/travis/build/polkadot-js/ui/node_modules/@types/react/index.d.ts:658*
+
+Called immediately before rendering when new props or state is received. Not called for the initial render.
+
+Note: You cannot call `Component#setState` here.
+
+Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps prevents this from being invoked.
+
+*__deprecated__*: 16.3, use getSnapshotBeforeUpdate instead; will stop working in React 17
+
+*__see__*: [https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update)
+
+*__see__*: [https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path)
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| nextProps | `Readonly`<`Props`> |
+| nextState | `Readonly`<`S`> |
+| nextContext | `any` |
+
+**Returns:** `void`
+
+___
+<a id="getsnapshotbeforeupdate"></a>
+
+## `<Optional>` getSnapshotBeforeUpdate
+
+▸ **getSnapshotBeforeUpdate**(prevProps: *`Readonly`<`Props`>*, prevState: *`Readonly`<`S`>*): `SS` \| `null`
+
+*Inherited from NewLifecycle.getSnapshotBeforeUpdate*
+
+*Defined in /home/travis/build/polkadot-js/ui/node_modules/@types/react/index.d.ts:578*
+
+Runs before React applies the result of `render` to the document, and returns an object to be given to componentDidUpdate. Useful for saving things such as scroll position before `render` causes changes to it.
+
+Note: the presence of getSnapshotBeforeUpdate prevents any of the deprecated lifecycle events from running.
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| prevProps | `Readonly`<`Props`> |
+| prevState | `Readonly`<`S`> |
+
+**Returns:** `SS` \| `null`
+
+___
+<a id="render"></a>
+
+##  render
+
+▸ **render**(): `Element`
+
+*Defined in [options/KeyPair.tsx:53](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/options/KeyPair.tsx#L53)*
+
+**Returns:** `Element`
+
+___
+<a id="shouldcomponentupdate"></a>
+
+## `<Optional>` shouldComponentUpdate
+
+▸ **shouldComponentUpdate**(nextProps: *`Readonly`<`Props`>*, nextState: *`Readonly`<`S`>*, nextContext: *`any`*): `boolean`
+
+*Inherited from ComponentLifecycle.shouldComponentUpdate*
+
+*Defined in /home/travis/build/polkadot-js/ui/node_modules/@types/react/index.d.ts:532*
+
+Called to determine whether the change in props and state should trigger a re-render.
+
+`Component` always returns true. `PureComponent` implements a shallow comparison on props and state and returns true if any props or states have changed.
+
+If false is returned, `Component#render`, `componentWillUpdate` and `componentDidUpdate` will not be called.
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| nextProps | `Readonly`<`Props`> |
+| nextState | `Readonly`<`S`> |
+| nextContext | `any` |
+
+**Returns:** `boolean`
+
+___
+
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>polkadot-js/ui</title>
+    <meta name="description" content="UI libraries and utilities in-use accross @polkadot projects">
+    
+    
+    <link rel="preload" href="/ui/assets/css/0.styles.f5c7dbec.css" as="style"><link rel="preload" href="/ui/assets/js/app.73634ed0.js" as="script"><link rel="preload" href="/ui/assets/js/2.f00ab508.js" as="script"><link rel="preload" href="/ui/assets/js/35.29dac2f1.js" as="script"><link rel="prefetch" href="/ui/assets/js/10.feee2fb6.js"><link rel="prefetch" href="/ui/assets/js/11.4431186e.js"><link rel="prefetch" href="/ui/assets/js/12.60cde7c6.js"><link rel="prefetch" href="/ui/assets/js/13.e8f9b929.js"><link rel="prefetch" href="/ui/assets/js/14.edf23a0c.js"><link rel="prefetch" href="/ui/assets/js/15.6e140e5c.js"><link rel="prefetch" href="/ui/assets/js/16.814a59b4.js"><link rel="prefetch" href="/ui/assets/js/17.4319f57a.js"><link rel="prefetch" href="/ui/assets/js/18.00707b98.js"><link rel="prefetch" href="/ui/assets/js/19.0353e250.js"><link rel="prefetch" href="/ui/assets/js/20.f2154956.js"><link rel="prefetch" href="/ui/assets/js/21.d98322fa.js"><link rel="prefetch" href="/ui/assets/js/22.11f02f68.js"><link rel="prefetch" href="/ui/assets/js/23.7e342d4b.js"><link rel="prefetch" href="/ui/assets/js/24.09820451.js"><link rel="prefetch" href="/ui/assets/js/25.1bd9b377.js"><link rel="prefetch" href="/ui/assets/js/26.7b3990eb.js"><link rel="prefetch" href="/ui/assets/js/27.dd6dd743.js"><link rel="prefetch" href="/ui/assets/js/28.233b0f0a.js"><link rel="prefetch" href="/ui/assets/js/29.a6937576.js"><link rel="prefetch" href="/ui/assets/js/3.59687fa1.js"><link rel="prefetch" href="/ui/assets/js/30.328e9c48.js"><link rel="prefetch" href="/ui/assets/js/31.cb7914e9.js"><link rel="prefetch" href="/ui/assets/js/32.665882f2.js"><link rel="prefetch" href="/ui/assets/js/33.df108508.js"><link rel="prefetch" href="/ui/assets/js/34.b3c60c46.js"><link rel="prefetch" href="/ui/assets/js/36.21d292ef.js"><link rel="prefetch" href="/ui/assets/js/37.decf506d.js"><link rel="prefetch" href="/ui/assets/js/38.fa65c92d.js"><link rel="prefetch" href="/ui/assets/js/39.b67bc959.js"><link rel="prefetch" href="/ui/assets/js/4.7bd9f4a3.js"><link rel="prefetch" href="/ui/assets/js/40.eb2643d2.js"><link rel="prefetch" href="/ui/assets/js/41.9d7f2b1e.js"><link rel="prefetch" href="/ui/assets/js/42.ce9853f2.js"><link rel="prefetch" href="/ui/assets/js/43.ef18b427.js"><link rel="prefetch" href="/ui/assets/js/44.e0ccc5ab.js"><link rel="prefetch" href="/ui/assets/js/45.3b567ceb.js"><link rel="prefetch" href="/ui/assets/js/46.4d5b3c30.js"><link rel="prefetch" href="/ui/assets/js/47.887b39e7.js"><link rel="prefetch" href="/ui/assets/js/48.a3d06fb4.js"><link rel="prefetch" href="/ui/assets/js/49.7627fee6.js"><link rel="prefetch" href="/ui/assets/js/5.483bab38.js"><link rel="prefetch" href="/ui/assets/js/50.abd05e11.js"><link rel="prefetch" href="/ui/assets/js/51.3ec61dab.js"><link rel="prefetch" href="/ui/assets/js/52.2afa38a5.js"><link rel="prefetch" href="/ui/assets/js/53.f77215a0.js"><link rel="prefetch" href="/ui/assets/js/54.683fae75.js"><link rel="prefetch" href="/ui/assets/js/55.8b987b3e.js"><link rel="prefetch" href="/ui/assets/js/56.3403573d.js"><link rel="prefetch" href="/ui/assets/js/57.3a215b4a.js"><link rel="prefetch" href="/ui/assets/js/58.43ef2d75.js"><link rel="prefetch" href="/ui/assets/js/59.dc6b692e.js"><link rel="prefetch" href="/ui/assets/js/6.1cf8dc02.js"><link rel="prefetch" href="/ui/assets/js/60.9121e16b.js"><link rel="prefetch" href="/ui/assets/js/61.fdb5b478.js"><link rel="prefetch" href="/ui/assets/js/62.3852ca62.js"><link rel="prefetch" href="/ui/assets/js/63.17c6de51.js"><link rel="prefetch" href="/ui/assets/js/64.53931fa1.js"><link rel="prefetch" href="/ui/assets/js/65.4a396d1b.js"><link rel="prefetch" href="/ui/assets/js/66.bdab91ca.js"><link rel="prefetch" href="/ui/assets/js/67.c5fc00e6.js"><link rel="prefetch" href="/ui/assets/js/68.8152528b.js"><link rel="prefetch" href="/ui/assets/js/7.b58d6c7e.js"><link rel="prefetch" href="/ui/assets/js/8.24fc59de.js"><link rel="prefetch" href="/ui/assets/js/9.0d2a08b3.js">
+    <link rel="stylesheet" href="/ui/assets/css/0.styles.f5c7dbec.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/ui/" class="home-link router-link-active"><!----> <span class="site-name">polkadot-js/ui</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/ui/ui-identicon/" class="sidebar-link">@polkadot/ui-identicon</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-identicon/#usage-examples" class="sidebar-link">Usage Examples</a></li></ul></li><li><a href="/ui/ui-keyring/" class="active sidebar-link">@polkadot/ui-keyring</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#observables" class="sidebar-link">Observables</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#faq" class="sidebar-link">FAQ</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#users" class="sidebar-link">Users</a></li></ul></li><li><a href="/ui/ui-settings/" class="sidebar-link">@polkadot/ui-settings</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-settings/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-settings/#used-by" class="sidebar-link">Used by</a></li></ul></li><li><a href="/ui/ui-util/" class="sidebar-link">@polkadot/ui-util</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-util/#formatbalance" class="sidebar-link">formatBalance</a></li><li class="sidebar-sub-header"><a href="/ui/ui-util/#calcsi" class="sidebar-link">calcSi</a></li></ul></li><li><a href="/ui/CONTRIBUTING.html" class="sidebar-link">Contributing</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#what" class="sidebar-link">What?</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#rules" class="sidebar-link">Rules</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#releases" class="sidebar-link">Releases</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#changes-to-this-arrangement" class="sidebar-link">Changes to this arrangement</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#heritage" class="sidebar-link">Heritage</a></li></ul></li></ul> </aside> <main class="page"> <div class="content default"><h1 id="polkadot-ui-keyring"><a href="#polkadot-ui-keyring" aria-hidden="true" class="header-anchor">#</a> @polkadot/ui-keyring</h1> <p>A wrapper extending the base @polkadot/keyring interface for usage in the browser: Key management of user accounts including generation and retrieval of keyring pairs from a variety of input combinations.</p> <h2 id="usage-examples"><a href="#usage-examples" aria-hidden="true" class="header-anchor">#</a> Usage Examples</h2> <p>All module methods are exposed through a single default export.</p> <h3 id="regular"><a href="#regular" aria-hidden="true" class="header-anchor">#</a> Regular</h3> <div class="language-js line-numbers-mode"><pre class="language-js"><code><span class="token keyword">import</span> keyring <span class="token keyword">from</span> @polkadot<span class="token operator">/</span>ui<span class="token operator">-</span>keyring
+
+<span class="token function">render</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+  <span class="token comment">// encode publicKey to ss58 address</span>
+  <span class="token keyword">const</span> address <span class="token operator">=</span> keyring<span class="token punctuation">.</span><span class="token function">encodeAddress</span><span class="token punctuation">(</span>publicKey<span class="token punctuation">)</span><span class="token punctuation">;</span>
+
+  <span class="token comment">// get keyring pair from ss58 address</span>
+  <span class="token keyword">const</span> pair <span class="token operator">=</span> keyring<span class="token punctuation">.</span><span class="token function">getPair</span><span class="token punctuation">(</span>address<span class="token punctuation">)</span><span class="token punctuation">;</span>
+
+  <span class="token comment">// ask questions about that particular keyring pair</span>
+  <span class="token keyword">const</span> isLocked <span class="token operator">=</span> pair<span class="token punctuation">.</span><span class="token function">isLocked</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+  <span class="token keyword">const</span> meta <span class="token operator">=</span> pair<span class="token punctuation">.</span><span class="token function">getMeta</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+
+  <span class="token comment">// save account from pair</span>
+  keyring<span class="token punctuation">.</span><span class="token function">saveAccount</span><span class="token punctuation">(</span>pair<span class="token punctuation">,</span> password<span class="token punctuation">)</span><span class="token punctuation">;</span>
+
+  <span class="token comment">// save address without unlocking it</span>
+  keyring<span class="token punctuation">.</span><span class="token function">saveAddress</span><span class="token punctuation">(</span>address<span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token operator">...</span>meta <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+<span class="token punctuation">}</span>
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br></div></div><h2 id="observables"><a href="#observables" aria-hidden="true" class="header-anchor">#</a> Observables</h2> <p>Option 1: Declarative subscribe/unsubscribe w/ react-with-observable (recommended 'React' way)</p> <div class="language-js line-numbers-mode"><pre class="language-js"><code><span class="token keyword">import</span> accountObservable <span class="token keyword">from</span> <span class="token string">'@polkadot/ui-keyring/observable/accounts'</span><span class="token punctuation">;</span>
+<span class="token keyword">import</span> <span class="token punctuation">{</span> SingleAddress<span class="token punctuation">,</span> SubjectInfo <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'@polkadot/ui-keyring/observable/types'</span><span class="token punctuation">;</span>
+<span class="token keyword">import</span> React <span class="token keyword">from</span> <span class="token string">'react'</span><span class="token punctuation">;</span>
+<span class="token keyword">import</span> <span class="token punctuation">{</span> Subscribe <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'react-with-observable'</span><span class="token punctuation">;</span>
+<span class="token keyword">import</span> <span class="token punctuation">{</span> map <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'rxjs/operators'</span><span class="token punctuation">;</span>
+
+<span class="token keyword">class</span> <span class="token class-name">MyReactComponent</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>PureComponent</span> <span class="token punctuation">{</span>
+  <span class="token function">render</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+    <span class="token operator">&lt;</span>Subscribe<span class="token operator">&gt;</span>
+      <span class="token punctuation">{</span>accountObservable<span class="token punctuation">.</span>subject<span class="token punctuation">.</span><span class="token function">pipe</span><span class="token punctuation">(</span>
+        <span class="token function">map</span><span class="token punctuation">(</span><span class="token punctuation">(</span>allAccounts<span class="token punctuation">:</span> SubjectInfo<span class="token punctuation">)</span> <span class="token operator">=&gt;</span>
+          <span class="token operator">!</span>allAccounts
+            <span class="token operator">?</span> <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">renderEmpty</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
+            <span class="token punctuation">:</span> Object<span class="token punctuation">.</span><span class="token function">values</span><span class="token punctuation">(</span>allAccounts<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token punctuation">(</span>account<span class="token punctuation">:</span> SingleAddress<span class="token punctuation">)</span> <span class="token operator">=&gt;</span>
+                <span class="token comment">// Your component goes here</span>
+                console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>account<span class="token punctuation">.</span>json<span class="token punctuation">.</span>address<span class="token punctuation">)</span>
+            <span class="token punctuation">)</span>
+        <span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">}</span>
+    <span class="token operator">&lt;</span><span class="token operator">/</span>Subscribe<span class="token operator">&gt;</span>
+  <span class="token punctuation">}</span>
+
+  <span class="token function">renderEmpty</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+    <span class="token keyword">return</span> <span class="token punctuation">(</span>
+      <span class="token operator">&lt;</span>div<span class="token operator">&gt;</span> no accounts to display <span class="token operator">...</span> <span class="token operator">&lt;</span><span class="token operator">/</span>div<span class="token operator">&gt;</span>
+    <span class="token punctuation">)</span><span class="token punctuation">;</span>
+  <span class="token punctuation">}</span>
+<span class="token punctuation">}</span>
+
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br></div></div><p>Option 2: Imperative subscribe/unsubscribe</p> <div class="language-js line-numbers-mode"><pre class="language-js"><code><span class="token keyword">import</span> accountObservable <span class="token keyword">from</span> <span class="token string">'@polkadot/ui-keyring/observable/accounts'</span><span class="token punctuation">;</span>
+<span class="token keyword">import</span> <span class="token punctuation">{</span> SingleAddress<span class="token punctuation">,</span> SubjectInfo <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'@polkadot/ui-keyring/observable/types'</span><span class="token punctuation">;</span>
+<span class="token keyword">import</span> React <span class="token keyword">from</span> <span class="token string">'react'</span><span class="token punctuation">;</span>
+<span class="token keyword">import</span> <span class="token punctuation">{</span> Subscription <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'rxjs'</span><span class="token punctuation">;</span>
+
+type State <span class="token operator">=</span> <span class="token punctuation">{</span>
+  allAccounts<span class="token operator">?</span><span class="token punctuation">:</span> SubjectInfo<span class="token punctuation">,</span>
+  subscriptions<span class="token operator">?</span><span class="token punctuation">:</span> <span class="token punctuation">[</span>Subscription<span class="token punctuation">]</span>
+<span class="token punctuation">}</span>
+
+<span class="token keyword">class</span> <span class="token class-name">MyReactComponent</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>PureComponent</span><span class="token operator">&lt;</span>State<span class="token operator">&gt;</span> <span class="token punctuation">{</span>
+  <span class="token function">componentDidMount</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+    <span class="token keyword">const</span> accountSubscription <span class="token operator">=</span> accountObservable<span class="token punctuation">.</span>subject<span class="token punctuation">.</span><span class="token function">subscribe</span><span class="token punctuation">(</span><span class="token punctuation">(</span>observedAccounts<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
+      <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">setState</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+        accounts<span class="token punctuation">:</span> observedAccounts
+      <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token punctuation">}</span><span class="token punctuation">)</span>
+
+    <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">setState</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+      subscriptions<span class="token punctuation">:</span> <span class="token punctuation">[</span>accountSubscription<span class="token punctuation">]</span>
+    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+  <span class="token punctuation">}</span>
+
+  <span class="token function">componentWillUnmount</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+    <span class="token keyword">const</span> <span class="token punctuation">{</span> subscriptions <span class="token punctuation">}</span> <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">;</span>
+
+    <span class="token keyword">for</span> <span class="token punctuation">(</span>s <span class="token keyword">in</span> subscriptions<span class="token punctuation">)</span> <span class="token punctuation">{</span>
+      s<span class="token punctuation">.</span>subject<span class="token punctuation">.</span><span class="token function">unsubscribe</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token punctuation">}</span>
+  <span class="token punctuation">}</span>
+
+  <span class="token function">render</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+    <span class="token keyword">const</span> <span class="token punctuation">{</span> accounts <span class="token punctuation">}</span> <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">;</span>
+
+    <span class="token keyword">return</span> <span class="token punctuation">(</span>
+      <span class="token operator">&lt;</span>h1<span class="token operator">&gt;</span>All Accounts<span class="token operator">&lt;</span><span class="token operator">/</span>h1<span class="token operator">&gt;</span>
+      <span class="token punctuation">{</span>
+        Object<span class="token punctuation">.</span><span class="token function">keys</span><span class="token punctuation">(</span>accounts<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token punctuation">(</span>address<span class="token punctuation">:</span> SingleAddress<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
+          <span class="token keyword">return</span> <span class="token operator">&lt;</span>p<span class="token operator">&gt;</span> <span class="token punctuation">{</span>address<span class="token punctuation">}</span> <span class="token operator">&lt;</span><span class="token operator">/</span>p<span class="token operator">&gt;</span><span class="token punctuation">;</span>
+        <span class="token punctuation">}</span><span class="token punctuation">)</span>
+      <span class="token punctuation">}</span>
+    <span class="token punctuation">)</span>
+  <span class="token punctuation">}</span>
+<span class="token punctuation">}</span>
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br></div></div><h2 id="faq"><a href="#faq" aria-hidden="true" class="header-anchor">#</a> FAQ</h2> <ul><li>Difference between Keyring Accounts and Addresses?
+<ul><li>From the perspective of the keyring, it saves a particular user's unlocked identities as an account, a la keyring.saveAccount(pair, password). So with these accounts you are able to send and sign transactions.</li> <li>To save addresses without unlocking them (i.e. because a user might want to have easy access to addresses they frequently transact with), use keyring.saveAddress(address, meta)</li></ul></li> <li>What are 'external' accounts, i.e. when to set the <code>isExternal</code> meta key to true?
+<ul><li>An external account is one where the keys are not managed by keyring, e.g. in Parity Signer or Ledger Nano.</li></ul></li> <li>SS58 Encode / Decode?
+<ul><li>SS58 is a simple address format designed for Substrate based chains. You can read about its specification in more detail in the <a href="https://wiki.parity.io/External-Address-Format-(SS58)" target="_blank" rel="noopener noreferrer">Parity Wiki<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>.</li></ul></li></ul> <p><strong>If you have any unanswered/undocumented questions, please raise an issue <a href="https://github.com/polkadot-js/ui/issues" target="_blank" rel="noopener noreferrer">here<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>.</strong></p> <h2 id="users"><a href="#users" aria-hidden="true" class="header-anchor">#</a> Users</h2> <p>Keyring is core to many polkadot/substrate apps.</p> <ul><li><a href="https://github.com/polkadot-js/apps" target="_blank" rel="noopener noreferrer">polkadot-js/apps<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li><a href="https://github.com/paritytech/substrate-light-ui" target="_blank" rel="noopener noreferrer">paritytech/substrate-light-ui<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
+        ←
+        <a href="/ui/ui-identicon/" class="prev">
+          @polkadot/ui-identicon
+        </a></span> <span class="next"><a href="/ui/ui-settings/">
+          @polkadot/ui-settings
+        </a>
+        →
+      </span></p></div> </main></div><div class="global-ui"></div></div>
+    <script src="/ui/assets/js/app.73634ed0.js" defer></script><script src="/ui/assets/js/2.f00ab508.js" defer></script><script src="/ui/assets/js/35.29dac2f1.js" defer></script>
+  </body>
+</html>
@@ -0,0 +1,49 @@
+
+
+# Hierarchy
+
+**KeyringOptionInstance**
+
+# Properties
+
+<a id="createoptionheader"></a>
+
+##  createOptionHeader
+
+**● createOptionHeader**: *`function`*
+
+*Defined in [options/types.ts:30](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/options/types.ts#L30)*
+
+#### Type declaration
+▸(name: *`string`*): [KeyringSectionOption](../modules/_options_types_.md#keyringsectionoption)
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| name | `string` |
+
+**Returns:** [KeyringSectionOption](../modules/_options_types_.md#keyringsectionoption)
+
+___
+<a id="init"></a>
+
+##  init
+
+**● init**: *`function`*
+
+*Defined in [options/types.ts:31](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/options/types.ts#L31)*
+
+#### Type declaration
+▸(keyring: *[KeyringStruct](_types_.keyringstruct.md)*): `void`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| keyring | [KeyringStruct](_types_.keyringstruct.md) |
+
+**Returns:** `void`
+
+___
+
@@ -0,0 +1,534 @@
+
+
+# Hierarchy
+
+**KeyringStruct**
+
+# Implemented by
+
+* [Keyring](../classes/_keyring_.keyring.md)
+
+# Properties
+
+<a id="accounts"></a>
+
+##  accounts
+
+**● accounts**: *[AddressSubject](../modules/_observable_types_.md#addresssubject)*
+
+*Defined in [types.ts:35](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L35)*
+
+___
+<a id="addaccountpair"></a>
+
+##  addAccountPair
+
+**● addAccountPair**: *`function`*
+
+*Defined in [types.ts:39](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L39)*
+
+#### Type declaration
+▸(pair: *`KeyringPair`*, password: *`string`*): `KeyringPair`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| pair | `KeyringPair` |
+| password | `string` |
+
+**Returns:** `KeyringPair`
+
+___
+<a id="addresses"></a>
+
+##  addresses
+
+**● addresses**: *[AddressSubject](../modules/_observable_types_.md#addresssubject)*
+
+*Defined in [types.ts:36](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L36)*
+
+___
+<a id="backupaccount"></a>
+
+##  backupAccount
+
+**● backupAccount**: *`function`*
+
+*Defined in [types.ts:40](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L40)*
+
+#### Type declaration
+▸(pair: *`KeyringPair`*, password: *`string`*): `KeyringPair$Json`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| pair | `KeyringPair` |
+| password | `string` |
+
+**Returns:** `KeyringPair$Json`
+
+___
+<a id="createaccount"></a>
+
+##  createAccount
+
+**● createAccount**: *`function`*
+
+*Defined in [types.ts:41](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L41)*
+
+#### Type declaration
+▸(seed: *`Uint8Array`*, password?: *`undefined` \| `string`*, meta?: *`KeyringPair$Meta`*): `KeyringPair`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| seed | `Uint8Array` |
+| `Optional` password | `undefined` \| `string` |
+| `Optional` meta | `KeyringPair$Meta` |
+
+**Returns:** `KeyringPair`
+
+___
+<a id="createaccountexternal"></a>
+
+##  createAccountExternal
+
+**● createAccountExternal**: *`function`*
+
+*Defined in [types.ts:42](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L42)*
+
+#### Type declaration
+▸(publicKey: *`Uint8Array`*, meta?: *`KeyringPair$Meta`*): `KeyringPair`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| publicKey | `Uint8Array` |
+| `Optional` meta | `KeyringPair$Meta` |
+
+**Returns:** `KeyringPair`
+
+___
+<a id="createaccountmnemonic"></a>
+
+##  createAccountMnemonic
+
+**● createAccountMnemonic**: *`function`*
+
+*Defined in [types.ts:43](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L43)*
+
+#### Type declaration
+▸(seed: *`string`*, password?: *`undefined` \| `string`*, meta?: *`KeyringPair$Meta`*): `KeyringPair`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| seed | `string` |
+| `Optional` password | `undefined` \| `string` |
+| `Optional` meta | `KeyringPair$Meta` |
+
+**Returns:** `KeyringPair`
+
+___
+<a id="decodeaddress"></a>
+
+##  decodeAddress
+
+**● decodeAddress**: *`function`*
+
+*Defined in [types.ts:44](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L44)*
+
+#### Type declaration
+▸(key: *`string` \| `Uint8Array`*): `Uint8Array`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| key | `string` \| `Uint8Array` |
+
+**Returns:** `Uint8Array`
+
+___
+<a id="encodeaddress"></a>
+
+##  encodeAddress
+
+**● encodeAddress**: *`function`*
+
+*Defined in [types.ts:45](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L45)*
+
+#### Type declaration
+▸(key: *`string` \| `Uint8Array`*): `string`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| key | `string` \| `Uint8Array` |
+
+**Returns:** `string`
+
+___
+<a id="encryptaccount"></a>
+
+##  encryptAccount
+
+**● encryptAccount**: *`function`*
+
+*Defined in [types.ts:46](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L46)*
+
+#### Type declaration
+▸(pair: *`KeyringPair`*, password: *`string`*): `void`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| pair | `KeyringPair` |
+| password | `string` |
+
+**Returns:** `void`
+
+___
+<a id="forgetaccount"></a>
+
+##  forgetAccount
+
+**● forgetAccount**: *`function`*
+
+*Defined in [types.ts:47](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L47)*
+
+#### Type declaration
+▸(address: *`string`*): `void`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` |
+
+**Returns:** `void`
+
+___
+<a id="forgetaddress"></a>
+
+##  forgetAddress
+
+**● forgetAddress**: *`function`*
+
+*Defined in [types.ts:48](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L48)*
+
+#### Type declaration
+▸(address: *`string`*): `void`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` |
+
+**Returns:** `void`
+
+___
+<a id="getaccount"></a>
+
+##  getAccount
+
+**● getAccount**: *`function`*
+
+*Defined in [types.ts:49](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L49)*
+
+#### Type declaration
+▸(address: *`string` \| `Uint8Array`*): [KeyringAddress](../modules/_types_.md#keyringaddress)
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` \| `Uint8Array` |
+
+**Returns:** [KeyringAddress](../modules/_types_.md#keyringaddress)
+
+___
+<a id="getaccounts"></a>
+
+##  getAccounts
+
+**● getAccounts**: *`function`*
+
+*Defined in [types.ts:50](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L50)*
+
+#### Type declaration
+▸(): `Array`<[KeyringAddress](../modules/_types_.md#keyringaddress)>
+
+**Returns:** `Array`<[KeyringAddress](../modules/_types_.md#keyringaddress)>
+
+___
+<a id="getaddress"></a>
+
+##  getAddress
+
+**● getAddress**: *`function`*
+
+*Defined in [types.ts:51](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L51)*
+
+#### Type declaration
+▸(address: *`string` \| `Uint8Array`*): [KeyringAddress](../modules/_types_.md#keyringaddress)
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` \| `Uint8Array` |
+
+**Returns:** [KeyringAddress](../modules/_types_.md#keyringaddress)
+
+___
+<a id="getaddresses"></a>
+
+##  getAddresses
+
+**● getAddresses**: *`function`*
+
+*Defined in [types.ts:52](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L52)*
+
+#### Type declaration
+▸(): `Array`<[KeyringAddress](../modules/_types_.md#keyringaddress)>
+
+**Returns:** `Array`<[KeyringAddress](../modules/_types_.md#keyringaddress)>
+
+___
+<a id="getpair"></a>
+
+##  getPair
+
+**● getPair**: *`function`*
+
+*Defined in [types.ts:53](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L53)*
+
+#### Type declaration
+▸(address: *`string` \| `Uint8Array`*): `KeyringPair`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` \| `Uint8Array` |
+
+**Returns:** `KeyringPair`
+
+___
+<a id="getpairs"></a>
+
+##  getPairs
+
+**● getPairs**: *`function`*
+
+*Defined in [types.ts:54](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L54)*
+
+#### Type declaration
+▸(): `Array`<`KeyringPair`>
+
+**Returns:** `Array`<`KeyringPair`>
+
+___
+<a id="isavailable"></a>
+
+##  isAvailable
+
+**● isAvailable**: *`function`*
+
+*Defined in [types.ts:55](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L55)*
+
+#### Type declaration
+▸(address: *`string` \| `Uint8Array`*): `boolean`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` \| `Uint8Array` |
+
+**Returns:** `boolean`
+
+___
+<a id="ispassvalid"></a>
+
+##  isPassValid
+
+**● isPassValid**: *`function`*
+
+*Defined in [types.ts:56](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L56)*
+
+#### Type declaration
+▸(password: *`string`*): `boolean`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| password | `string` |
+
+**Returns:** `boolean`
+
+___
+<a id="keyring"></a>
+
+##  keyring
+
+**● keyring**: *`BaseKeyringInstance` \| `undefined`*
+
+*Defined in [types.ts:37](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L37)*
+
+___
+<a id="loadall"></a>
+
+##  loadAll
+
+**● loadAll**: *`function`*
+
+*Defined in [types.ts:57](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L57)*
+
+#### Type declaration
+▸(options: *[KeyringOptions](../modules/_types_.md#keyringoptions)*): `void`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| options | [KeyringOptions](../modules/_types_.md#keyringoptions) |
+
+**Returns:** `void`
+
+___
+<a id="restoreaccount"></a>
+
+##  restoreAccount
+
+**● restoreAccount**: *`function`*
+
+*Defined in [types.ts:58](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L58)*
+
+#### Type declaration
+▸(json: *`KeyringPair$Json`*, password: *`string`*): `KeyringPair`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| json | `KeyringPair$Json` |
+| password | `string` |
+
+**Returns:** `KeyringPair`
+
+___
+<a id="saveaccount"></a>
+
+##  saveAccount
+
+**● saveAccount**: *`function`*
+
+*Defined in [types.ts:59](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L59)*
+
+#### Type declaration
+▸(pair: *`KeyringPair`*, password?: *`undefined` \| `string`*): `void`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| pair | `KeyringPair` |
+| `Optional` password | `undefined` \| `string` |
+
+**Returns:** `void`
+
+___
+<a id="saveaccountmeta"></a>
+
+##  saveAccountMeta
+
+**● saveAccountMeta**: *`function`*
+
+*Defined in [types.ts:60](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L60)*
+
+#### Type declaration
+▸(pair: *`KeyringPair`*, meta: *`KeyringPair$Meta`*): `void`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| pair | `KeyringPair` |
+| meta | `KeyringPair$Meta` |
+
+**Returns:** `void`
+
+___
+<a id="saveaddress"></a>
+
+##  saveAddress
+
+**● saveAddress**: *`function`*
+
+*Defined in [types.ts:61](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L61)*
+
+#### Type declaration
+▸(address: *`string`*, meta: *`KeyringPair$Meta`*): `void`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` |
+| meta | `KeyringPair$Meta` |
+
+**Returns:** `void`
+
+___
+<a id="saverecent"></a>
+
+##  saveRecent
+
+**● saveRecent**: *`function`*
+
+*Defined in [types.ts:62](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L62)*
+
+#### Type declaration
+▸(address: *`string`*): [SingleAddress](../modules/_observable_types_.md#singleaddress)
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` |
+
+**Returns:** [SingleAddress](../modules/_observable_types_.md#singleaddress)
+
+___
+<a id="setdevmode"></a>
+
+##  setDevMode
+
+**● setDevMode**: *`function`*
+
+*Defined in [types.ts:63](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L63)*
+
+#### Type declaration
+▸(isDevelopment: *`boolean`*): `void`
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| isDevelopment | `boolean` |
+
+**Returns:** `void`
+
+___
+
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>Index | polkadot-js/ui</title>
+    <meta name="description" content="UI libraries and utilities in-use accross @polkadot projects">
+    
+    
+    <link rel="preload" href="/ui/assets/css/0.styles.f5c7dbec.css" as="style"><link rel="preload" href="/ui/assets/js/app.73634ed0.js" as="script"><link rel="preload" href="/ui/assets/js/2.f00ab508.js" as="script"><link rel="preload" href="/ui/assets/js/42.ce9853f2.js" as="script"><link rel="prefetch" href="/ui/assets/js/10.feee2fb6.js"><link rel="prefetch" href="/ui/assets/js/11.4431186e.js"><link rel="prefetch" href="/ui/assets/js/12.60cde7c6.js"><link rel="prefetch" href="/ui/assets/js/13.e8f9b929.js"><link rel="prefetch" href="/ui/assets/js/14.edf23a0c.js"><link rel="prefetch" href="/ui/assets/js/15.6e140e5c.js"><link rel="prefetch" href="/ui/assets/js/16.814a59b4.js"><link rel="prefetch" href="/ui/assets/js/17.4319f57a.js"><link rel="prefetch" href="/ui/assets/js/18.00707b98.js"><link rel="prefetch" href="/ui/assets/js/19.0353e250.js"><link rel="prefetch" href="/ui/assets/js/20.f2154956.js"><link rel="prefetch" href="/ui/assets/js/21.d98322fa.js"><link rel="prefetch" href="/ui/assets/js/22.11f02f68.js"><link rel="prefetch" href="/ui/assets/js/23.7e342d4b.js"><link rel="prefetch" href="/ui/assets/js/24.09820451.js"><link rel="prefetch" href="/ui/assets/js/25.1bd9b377.js"><link rel="prefetch" href="/ui/assets/js/26.7b3990eb.js"><link rel="prefetch" href="/ui/assets/js/27.dd6dd743.js"><link rel="prefetch" href="/ui/assets/js/28.233b0f0a.js"><link rel="prefetch" href="/ui/assets/js/29.a6937576.js"><link rel="prefetch" href="/ui/assets/js/3.59687fa1.js"><link rel="prefetch" href="/ui/assets/js/30.328e9c48.js"><link rel="prefetch" href="/ui/assets/js/31.cb7914e9.js"><link rel="prefetch" href="/ui/assets/js/32.665882f2.js"><link rel="prefetch" href="/ui/assets/js/33.df108508.js"><link rel="prefetch" href="/ui/assets/js/34.b3c60c46.js"><link rel="prefetch" href="/ui/assets/js/35.29dac2f1.js"><link rel="prefetch" href="/ui/assets/js/36.21d292ef.js"><link rel="prefetch" href="/ui/assets/js/37.decf506d.js"><link rel="prefetch" href="/ui/assets/js/38.fa65c92d.js"><link rel="prefetch" href="/ui/assets/js/39.b67bc959.js"><link rel="prefetch" href="/ui/assets/js/4.7bd9f4a3.js"><link rel="prefetch" href="/ui/assets/js/40.eb2643d2.js"><link rel="prefetch" href="/ui/assets/js/41.9d7f2b1e.js"><link rel="prefetch" href="/ui/assets/js/43.ef18b427.js"><link rel="prefetch" href="/ui/assets/js/44.e0ccc5ab.js"><link rel="prefetch" href="/ui/assets/js/45.3b567ceb.js"><link rel="prefetch" href="/ui/assets/js/46.4d5b3c30.js"><link rel="prefetch" href="/ui/assets/js/47.887b39e7.js"><link rel="prefetch" href="/ui/assets/js/48.a3d06fb4.js"><link rel="prefetch" href="/ui/assets/js/49.7627fee6.js"><link rel="prefetch" href="/ui/assets/js/5.483bab38.js"><link rel="prefetch" href="/ui/assets/js/50.abd05e11.js"><link rel="prefetch" href="/ui/assets/js/51.3ec61dab.js"><link rel="prefetch" href="/ui/assets/js/52.2afa38a5.js"><link rel="prefetch" href="/ui/assets/js/53.f77215a0.js"><link rel="prefetch" href="/ui/assets/js/54.683fae75.js"><link rel="prefetch" href="/ui/assets/js/55.8b987b3e.js"><link rel="prefetch" href="/ui/assets/js/56.3403573d.js"><link rel="prefetch" href="/ui/assets/js/57.3a215b4a.js"><link rel="prefetch" href="/ui/assets/js/58.43ef2d75.js"><link rel="prefetch" href="/ui/assets/js/59.dc6b692e.js"><link rel="prefetch" href="/ui/assets/js/6.1cf8dc02.js"><link rel="prefetch" href="/ui/assets/js/60.9121e16b.js"><link rel="prefetch" href="/ui/assets/js/61.fdb5b478.js"><link rel="prefetch" href="/ui/assets/js/62.3852ca62.js"><link rel="prefetch" href="/ui/assets/js/63.17c6de51.js"><link rel="prefetch" href="/ui/assets/js/64.53931fa1.js"><link rel="prefetch" href="/ui/assets/js/65.4a396d1b.js"><link rel="prefetch" href="/ui/assets/js/66.bdab91ca.js"><link rel="prefetch" href="/ui/assets/js/67.c5fc00e6.js"><link rel="prefetch" href="/ui/assets/js/68.8152528b.js"><link rel="prefetch" href="/ui/assets/js/7.b58d6c7e.js"><link rel="prefetch" href="/ui/assets/js/8.24fc59de.js"><link rel="prefetch" href="/ui/assets/js/9.0d2a08b3.js">
+    <link rel="stylesheet" href="/ui/assets/css/0.styles.f5c7dbec.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/ui/" class="home-link router-link-active"><!----> <span class="site-name">polkadot-js/ui</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/ui/ui-identicon/" class="sidebar-link">@polkadot/ui-identicon</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-identicon/#usage-examples" class="sidebar-link">Usage Examples</a></li></ul></li><li><a href="/ui/ui-keyring/" class="sidebar-link">@polkadot/ui-keyring</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#observables" class="sidebar-link">Observables</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#faq" class="sidebar-link">FAQ</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#users" class="sidebar-link">Users</a></li></ul></li><li><a href="/ui/ui-settings/" class="sidebar-link">@polkadot/ui-settings</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-settings/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-settings/#used-by" class="sidebar-link">Used by</a></li></ul></li><li><a href="/ui/ui-util/" class="sidebar-link">@polkadot/ui-util</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-util/#formatbalance" class="sidebar-link">formatBalance</a></li><li class="sidebar-sub-header"><a href="/ui/ui-util/#calcsi" class="sidebar-link">calcSi</a></li></ul></li><li><a href="/ui/CONTRIBUTING.html" class="sidebar-link">Contributing</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#what" class="sidebar-link">What?</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#rules" class="sidebar-link">Rules</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#releases" class="sidebar-link">Releases</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#changes-to-this-arrangement" class="sidebar-link">Changes to this arrangement</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#heritage" class="sidebar-link">Heritage</a></li></ul></li></ul> </aside> <main class="page"> <div class="content default"><h1 id="index"><a href="#index" aria-hidden="true" class="header-anchor">#</a> Index</h1> <h3 id="classes"><a href="#classes" aria-hidden="true" class="header-anchor">#</a> Classes</h3> <ul><li><a href="/ui/ui-keyring/classes/_base_.base.html">Base</a></li></ul> <hr></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
+    <script src="/ui/assets/js/app.73634ed0.js" defer></script><script src="/ui/assets/js/2.f00ab508.js" defer></script><script src="/ui/assets/js/42.ce9853f2.js" defer></script>
+  </body>
+</html>
@@ -0,0 +1,10 @@
+
+
+# Index
+
+### Classes
+
+* [Base](../classes/_base_.base.md)
+
+---
+
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>polkadot-js/ui</title>
+    <meta name="description" content="UI libraries and utilities in-use accross @polkadot projects">
+    
+    
+    <link rel="preload" href="/ui/assets/css/0.styles.f5c7dbec.css" as="style"><link rel="preload" href="/ui/assets/js/app.73634ed0.js" as="script"><link rel="preload" href="/ui/assets/js/2.f00ab508.js" as="script"><link rel="preload" href="/ui/assets/js/43.ef18b427.js" as="script"><link rel="prefetch" href="/ui/assets/js/10.feee2fb6.js"><link rel="prefetch" href="/ui/assets/js/11.4431186e.js"><link rel="prefetch" href="/ui/assets/js/12.60cde7c6.js"><link rel="prefetch" href="/ui/assets/js/13.e8f9b929.js"><link rel="prefetch" href="/ui/assets/js/14.edf23a0c.js"><link rel="prefetch" href="/ui/assets/js/15.6e140e5c.js"><link rel="prefetch" href="/ui/assets/js/16.814a59b4.js"><link rel="prefetch" href="/ui/assets/js/17.4319f57a.js"><link rel="prefetch" href="/ui/assets/js/18.00707b98.js"><link rel="prefetch" href="/ui/assets/js/19.0353e250.js"><link rel="prefetch" href="/ui/assets/js/20.f2154956.js"><link rel="prefetch" href="/ui/assets/js/21.d98322fa.js"><link rel="prefetch" href="/ui/assets/js/22.11f02f68.js"><link rel="prefetch" href="/ui/assets/js/23.7e342d4b.js"><link rel="prefetch" href="/ui/assets/js/24.09820451.js"><link rel="prefetch" href="/ui/assets/js/25.1bd9b377.js"><link rel="prefetch" href="/ui/assets/js/26.7b3990eb.js"><link rel="prefetch" href="/ui/assets/js/27.dd6dd743.js"><link rel="prefetch" href="/ui/assets/js/28.233b0f0a.js"><link rel="prefetch" href="/ui/assets/js/29.a6937576.js"><link rel="prefetch" href="/ui/assets/js/3.59687fa1.js"><link rel="prefetch" href="/ui/assets/js/30.328e9c48.js"><link rel="prefetch" href="/ui/assets/js/31.cb7914e9.js"><link rel="prefetch" href="/ui/assets/js/32.665882f2.js"><link rel="prefetch" href="/ui/assets/js/33.df108508.js"><link rel="prefetch" href="/ui/assets/js/34.b3c60c46.js"><link rel="prefetch" href="/ui/assets/js/35.29dac2f1.js"><link rel="prefetch" href="/ui/assets/js/36.21d292ef.js"><link rel="prefetch" href="/ui/assets/js/37.decf506d.js"><link rel="prefetch" href="/ui/assets/js/38.fa65c92d.js"><link rel="prefetch" href="/ui/assets/js/39.b67bc959.js"><link rel="prefetch" href="/ui/assets/js/4.7bd9f4a3.js"><link rel="prefetch" href="/ui/assets/js/40.eb2643d2.js"><link rel="prefetch" href="/ui/assets/js/41.9d7f2b1e.js"><link rel="prefetch" href="/ui/assets/js/42.ce9853f2.js"><link rel="prefetch" href="/ui/assets/js/44.e0ccc5ab.js"><link rel="prefetch" href="/ui/assets/js/45.3b567ceb.js"><link rel="prefetch" href="/ui/assets/js/46.4d5b3c30.js"><link rel="prefetch" href="/ui/assets/js/47.887b39e7.js"><link rel="prefetch" href="/ui/assets/js/48.a3d06fb4.js"><link rel="prefetch" href="/ui/assets/js/49.7627fee6.js"><link rel="prefetch" href="/ui/assets/js/5.483bab38.js"><link rel="prefetch" href="/ui/assets/js/50.abd05e11.js"><link rel="prefetch" href="/ui/assets/js/51.3ec61dab.js"><link rel="prefetch" href="/ui/assets/js/52.2afa38a5.js"><link rel="prefetch" href="/ui/assets/js/53.f77215a0.js"><link rel="prefetch" href="/ui/assets/js/54.683fae75.js"><link rel="prefetch" href="/ui/assets/js/55.8b987b3e.js"><link rel="prefetch" href="/ui/assets/js/56.3403573d.js"><link rel="prefetch" href="/ui/assets/js/57.3a215b4a.js"><link rel="prefetch" href="/ui/assets/js/58.43ef2d75.js"><link rel="prefetch" href="/ui/assets/js/59.dc6b692e.js"><link rel="prefetch" href="/ui/assets/js/6.1cf8dc02.js"><link rel="prefetch" href="/ui/assets/js/60.9121e16b.js"><link rel="prefetch" href="/ui/assets/js/61.fdb5b478.js"><link rel="prefetch" href="/ui/assets/js/62.3852ca62.js"><link rel="prefetch" href="/ui/assets/js/63.17c6de51.js"><link rel="prefetch" href="/ui/assets/js/64.53931fa1.js"><link rel="prefetch" href="/ui/assets/js/65.4a396d1b.js"><link rel="prefetch" href="/ui/assets/js/66.bdab91ca.js"><link rel="prefetch" href="/ui/assets/js/67.c5fc00e6.js"><link rel="prefetch" href="/ui/assets/js/68.8152528b.js"><link rel="prefetch" href="/ui/assets/js/7.b58d6c7e.js"><link rel="prefetch" href="/ui/assets/js/8.24fc59de.js"><link rel="prefetch" href="/ui/assets/js/9.0d2a08b3.js">
+    <link rel="stylesheet" href="/ui/assets/css/0.styles.f5c7dbec.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/ui/" class="home-link router-link-active"><!----> <span class="site-name">polkadot-js/ui</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/ui/ui-identicon/" class="sidebar-link">@polkadot/ui-identicon</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-identicon/#usage-examples" class="sidebar-link">Usage Examples</a></li></ul></li><li><a href="/ui/ui-keyring/" class="sidebar-link">@polkadot/ui-keyring</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#observables" class="sidebar-link">Observables</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#faq" class="sidebar-link">FAQ</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#users" class="sidebar-link">Users</a></li></ul></li><li><a href="/ui/ui-settings/" class="sidebar-link">@polkadot/ui-settings</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-settings/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-settings/#used-by" class="sidebar-link">Used by</a></li></ul></li><li><a href="/ui/ui-util/" class="sidebar-link">@polkadot/ui-util</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-util/#formatbalance" class="sidebar-link">formatBalance</a></li><li class="sidebar-sub-header"><a href="/ui/ui-util/#calcsi" class="sidebar-link">calcSi</a></li></ul></li><li><a href="/ui/CONTRIBUTING.html" class="sidebar-link">Contributing</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#what" class="sidebar-link">What?</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#rules" class="sidebar-link">Rules</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#releases" class="sidebar-link">Releases</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#changes-to-this-arrangement" class="sidebar-link">Changes to this arrangement</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#heritage" class="sidebar-link">Heritage</a></li></ul></li></ul> </aside> <main class="page"> <div class="content default"></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
+    <script src="/ui/assets/js/app.73634ed0.js" defer></script><script src="/ui/assets/js/2.f00ab508.js" defer></script><script src="/ui/assets/js/43.ef18b427.js" defer></script>
+  </body>
+</html>
@@ -0,0 +1,2 @@
+
+
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>Index | polkadot-js/ui</title>
+    <meta name="description" content="UI libraries and utilities in-use accross @polkadot projects">
+    
+    
+    <link rel="preload" href="/ui/assets/css/0.styles.f5c7dbec.css" as="style"><link rel="preload" href="/ui/assets/js/app.73634ed0.js" as="script"><link rel="preload" href="/ui/assets/js/2.f00ab508.js" as="script"><link rel="preload" href="/ui/assets/js/44.e0ccc5ab.js" as="script"><link rel="prefetch" href="/ui/assets/js/10.feee2fb6.js"><link rel="prefetch" href="/ui/assets/js/11.4431186e.js"><link rel="prefetch" href="/ui/assets/js/12.60cde7c6.js"><link rel="prefetch" href="/ui/assets/js/13.e8f9b929.js"><link rel="prefetch" href="/ui/assets/js/14.edf23a0c.js"><link rel="prefetch" href="/ui/assets/js/15.6e140e5c.js"><link rel="prefetch" href="/ui/assets/js/16.814a59b4.js"><link rel="prefetch" href="/ui/assets/js/17.4319f57a.js"><link rel="prefetch" href="/ui/assets/js/18.00707b98.js"><link rel="prefetch" href="/ui/assets/js/19.0353e250.js"><link rel="prefetch" href="/ui/assets/js/20.f2154956.js"><link rel="prefetch" href="/ui/assets/js/21.d98322fa.js"><link rel="prefetch" href="/ui/assets/js/22.11f02f68.js"><link rel="prefetch" href="/ui/assets/js/23.7e342d4b.js"><link rel="prefetch" href="/ui/assets/js/24.09820451.js"><link rel="prefetch" href="/ui/assets/js/25.1bd9b377.js"><link rel="prefetch" href="/ui/assets/js/26.7b3990eb.js"><link rel="prefetch" href="/ui/assets/js/27.dd6dd743.js"><link rel="prefetch" href="/ui/assets/js/28.233b0f0a.js"><link rel="prefetch" href="/ui/assets/js/29.a6937576.js"><link rel="prefetch" href="/ui/assets/js/3.59687fa1.js"><link rel="prefetch" href="/ui/assets/js/30.328e9c48.js"><link rel="prefetch" href="/ui/assets/js/31.cb7914e9.js"><link rel="prefetch" href="/ui/assets/js/32.665882f2.js"><link rel="prefetch" href="/ui/assets/js/33.df108508.js"><link rel="prefetch" href="/ui/assets/js/34.b3c60c46.js"><link rel="prefetch" href="/ui/assets/js/35.29dac2f1.js"><link rel="prefetch" href="/ui/assets/js/36.21d292ef.js"><link rel="prefetch" href="/ui/assets/js/37.decf506d.js"><link rel="prefetch" href="/ui/assets/js/38.fa65c92d.js"><link rel="prefetch" href="/ui/assets/js/39.b67bc959.js"><link rel="prefetch" href="/ui/assets/js/4.7bd9f4a3.js"><link rel="prefetch" href="/ui/assets/js/40.eb2643d2.js"><link rel="prefetch" href="/ui/assets/js/41.9d7f2b1e.js"><link rel="prefetch" href="/ui/assets/js/42.ce9853f2.js"><link rel="prefetch" href="/ui/assets/js/43.ef18b427.js"><link rel="prefetch" href="/ui/assets/js/45.3b567ceb.js"><link rel="prefetch" href="/ui/assets/js/46.4d5b3c30.js"><link rel="prefetch" href="/ui/assets/js/47.887b39e7.js"><link rel="prefetch" href="/ui/assets/js/48.a3d06fb4.js"><link rel="prefetch" href="/ui/assets/js/49.7627fee6.js"><link rel="prefetch" href="/ui/assets/js/5.483bab38.js"><link rel="prefetch" href="/ui/assets/js/50.abd05e11.js"><link rel="prefetch" href="/ui/assets/js/51.3ec61dab.js"><link rel="prefetch" href="/ui/assets/js/52.2afa38a5.js"><link rel="prefetch" href="/ui/assets/js/53.f77215a0.js"><link rel="prefetch" href="/ui/assets/js/54.683fae75.js"><link rel="prefetch" href="/ui/assets/js/55.8b987b3e.js"><link rel="prefetch" href="/ui/assets/js/56.3403573d.js"><link rel="prefetch" href="/ui/assets/js/57.3a215b4a.js"><link rel="prefetch" href="/ui/assets/js/58.43ef2d75.js"><link rel="prefetch" href="/ui/assets/js/59.dc6b692e.js"><link rel="prefetch" href="/ui/assets/js/6.1cf8dc02.js"><link rel="prefetch" href="/ui/assets/js/60.9121e16b.js"><link rel="prefetch" href="/ui/assets/js/61.fdb5b478.js"><link rel="prefetch" href="/ui/assets/js/62.3852ca62.js"><link rel="prefetch" href="/ui/assets/js/63.17c6de51.js"><link rel="prefetch" href="/ui/assets/js/64.53931fa1.js"><link rel="prefetch" href="/ui/assets/js/65.4a396d1b.js"><link rel="prefetch" href="/ui/assets/js/66.bdab91ca.js"><link rel="prefetch" href="/ui/assets/js/67.c5fc00e6.js"><link rel="prefetch" href="/ui/assets/js/68.8152528b.js"><link rel="prefetch" href="/ui/assets/js/7.b58d6c7e.js"><link rel="prefetch" href="/ui/assets/js/8.24fc59de.js"><link rel="prefetch" href="/ui/assets/js/9.0d2a08b3.js">
+    <link rel="stylesheet" href="/ui/assets/css/0.styles.f5c7dbec.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/ui/" class="home-link router-link-active"><!----> <span class="site-name">polkadot-js/ui</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/ui/ui-identicon/" class="sidebar-link">@polkadot/ui-identicon</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-identicon/#usage-examples" class="sidebar-link">Usage Examples</a></li></ul></li><li><a href="/ui/ui-keyring/" class="sidebar-link">@polkadot/ui-keyring</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#observables" class="sidebar-link">Observables</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#faq" class="sidebar-link">FAQ</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#users" class="sidebar-link">Users</a></li></ul></li><li><a href="/ui/ui-settings/" class="sidebar-link">@polkadot/ui-settings</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-settings/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-settings/#used-by" class="sidebar-link">Used by</a></li></ul></li><li><a href="/ui/ui-util/" class="sidebar-link">@polkadot/ui-util</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-util/#formatbalance" class="sidebar-link">formatBalance</a></li><li class="sidebar-sub-header"><a href="/ui/ui-util/#calcsi" class="sidebar-link">calcSi</a></li></ul></li><li><a href="/ui/CONTRIBUTING.html" class="sidebar-link">Contributing</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#what" class="sidebar-link">What?</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#rules" class="sidebar-link">Rules</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#releases" class="sidebar-link">Releases</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#changes-to-this-arrangement" class="sidebar-link">Changes to this arrangement</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#heritage" class="sidebar-link">Heritage</a></li></ul></li></ul> </aside> <main class="page"> <div class="content default"><h1 id="index"><a href="#index" aria-hidden="true" class="header-anchor">#</a> Index</h1> <h3 id="classes"><a href="#classes" aria-hidden="true" class="header-anchor">#</a> Classes</h3> <ul><li><a href="/ui/ui-keyring/classes/_keyring_.keyring.html">Keyring</a></li></ul> <hr></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
+    <script src="/ui/assets/js/app.73634ed0.js" defer></script><script src="/ui/assets/js/2.f00ab508.js" defer></script><script src="/ui/assets/js/44.e0ccc5ab.js" defer></script>
+  </body>
+</html>
@@ -0,0 +1,10 @@
+
+
+# Index
+
+### Classes
+
+* [Keyring](../classes/_keyring_.keyring.md)
+
+---
+
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>polkadot-js/ui</title>
+    <meta name="description" content="UI libraries and utilities in-use accross @polkadot projects">
+    
+    
+    <link rel="preload" href="/ui/assets/css/0.styles.f5c7dbec.css" as="style"><link rel="preload" href="/ui/assets/js/app.73634ed0.js" as="script"><link rel="preload" href="/ui/assets/js/2.f00ab508.js" as="script"><link rel="preload" href="/ui/assets/js/45.3b567ceb.js" as="script"><link rel="prefetch" href="/ui/assets/js/10.feee2fb6.js"><link rel="prefetch" href="/ui/assets/js/11.4431186e.js"><link rel="prefetch" href="/ui/assets/js/12.60cde7c6.js"><link rel="prefetch" href="/ui/assets/js/13.e8f9b929.js"><link rel="prefetch" href="/ui/assets/js/14.edf23a0c.js"><link rel="prefetch" href="/ui/assets/js/15.6e140e5c.js"><link rel="prefetch" href="/ui/assets/js/16.814a59b4.js"><link rel="prefetch" href="/ui/assets/js/17.4319f57a.js"><link rel="prefetch" href="/ui/assets/js/18.00707b98.js"><link rel="prefetch" href="/ui/assets/js/19.0353e250.js"><link rel="prefetch" href="/ui/assets/js/20.f2154956.js"><link rel="prefetch" href="/ui/assets/js/21.d98322fa.js"><link rel="prefetch" href="/ui/assets/js/22.11f02f68.js"><link rel="prefetch" href="/ui/assets/js/23.7e342d4b.js"><link rel="prefetch" href="/ui/assets/js/24.09820451.js"><link rel="prefetch" href="/ui/assets/js/25.1bd9b377.js"><link rel="prefetch" href="/ui/assets/js/26.7b3990eb.js"><link rel="prefetch" href="/ui/assets/js/27.dd6dd743.js"><link rel="prefetch" href="/ui/assets/js/28.233b0f0a.js"><link rel="prefetch" href="/ui/assets/js/29.a6937576.js"><link rel="prefetch" href="/ui/assets/js/3.59687fa1.js"><link rel="prefetch" href="/ui/assets/js/30.328e9c48.js"><link rel="prefetch" href="/ui/assets/js/31.cb7914e9.js"><link rel="prefetch" href="/ui/assets/js/32.665882f2.js"><link rel="prefetch" href="/ui/assets/js/33.df108508.js"><link rel="prefetch" href="/ui/assets/js/34.b3c60c46.js"><link rel="prefetch" href="/ui/assets/js/35.29dac2f1.js"><link rel="prefetch" href="/ui/assets/js/36.21d292ef.js"><link rel="prefetch" href="/ui/assets/js/37.decf506d.js"><link rel="prefetch" href="/ui/assets/js/38.fa65c92d.js"><link rel="prefetch" href="/ui/assets/js/39.b67bc959.js"><link rel="prefetch" href="/ui/assets/js/4.7bd9f4a3.js"><link rel="prefetch" href="/ui/assets/js/40.eb2643d2.js"><link rel="prefetch" href="/ui/assets/js/41.9d7f2b1e.js"><link rel="prefetch" href="/ui/assets/js/42.ce9853f2.js"><link rel="prefetch" href="/ui/assets/js/43.ef18b427.js"><link rel="prefetch" href="/ui/assets/js/44.e0ccc5ab.js"><link rel="prefetch" href="/ui/assets/js/46.4d5b3c30.js"><link rel="prefetch" href="/ui/assets/js/47.887b39e7.js"><link rel="prefetch" href="/ui/assets/js/48.a3d06fb4.js"><link rel="prefetch" href="/ui/assets/js/49.7627fee6.js"><link rel="prefetch" href="/ui/assets/js/5.483bab38.js"><link rel="prefetch" href="/ui/assets/js/50.abd05e11.js"><link rel="prefetch" href="/ui/assets/js/51.3ec61dab.js"><link rel="prefetch" href="/ui/assets/js/52.2afa38a5.js"><link rel="prefetch" href="/ui/assets/js/53.f77215a0.js"><link rel="prefetch" href="/ui/assets/js/54.683fae75.js"><link rel="prefetch" href="/ui/assets/js/55.8b987b3e.js"><link rel="prefetch" href="/ui/assets/js/56.3403573d.js"><link rel="prefetch" href="/ui/assets/js/57.3a215b4a.js"><link rel="prefetch" href="/ui/assets/js/58.43ef2d75.js"><link rel="prefetch" href="/ui/assets/js/59.dc6b692e.js"><link rel="prefetch" href="/ui/assets/js/6.1cf8dc02.js"><link rel="prefetch" href="/ui/assets/js/60.9121e16b.js"><link rel="prefetch" href="/ui/assets/js/61.fdb5b478.js"><link rel="prefetch" href="/ui/assets/js/62.3852ca62.js"><link rel="prefetch" href="/ui/assets/js/63.17c6de51.js"><link rel="prefetch" href="/ui/assets/js/64.53931fa1.js"><link rel="prefetch" href="/ui/assets/js/65.4a396d1b.js"><link rel="prefetch" href="/ui/assets/js/66.bdab91ca.js"><link rel="prefetch" href="/ui/assets/js/67.c5fc00e6.js"><link rel="prefetch" href="/ui/assets/js/68.8152528b.js"><link rel="prefetch" href="/ui/assets/js/7.b58d6c7e.js"><link rel="prefetch" href="/ui/assets/js/8.24fc59de.js"><link rel="prefetch" href="/ui/assets/js/9.0d2a08b3.js">
+    <link rel="stylesheet" href="/ui/assets/css/0.styles.f5c7dbec.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/ui/" class="home-link router-link-active"><!----> <span class="site-name">polkadot-js/ui</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/ui/ui-identicon/" class="sidebar-link">@polkadot/ui-identicon</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-identicon/#usage-examples" class="sidebar-link">Usage Examples</a></li></ul></li><li><a href="/ui/ui-keyring/" class="sidebar-link">@polkadot/ui-keyring</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#observables" class="sidebar-link">Observables</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#faq" class="sidebar-link">FAQ</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#users" class="sidebar-link">Users</a></li></ul></li><li><a href="/ui/ui-settings/" class="sidebar-link">@polkadot/ui-settings</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-settings/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-settings/#used-by" class="sidebar-link">Used by</a></li></ul></li><li><a href="/ui/ui-util/" class="sidebar-link">@polkadot/ui-util</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-util/#formatbalance" class="sidebar-link">formatBalance</a></li><li class="sidebar-sub-header"><a href="/ui/ui-util/#calcsi" class="sidebar-link">calcSi</a></li></ul></li><li><a href="/ui/CONTRIBUTING.html" class="sidebar-link">Contributing</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#what" class="sidebar-link">What?</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#rules" class="sidebar-link">Rules</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#releases" class="sidebar-link">Releases</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#changes-to-this-arrangement" class="sidebar-link">Changes to this arrangement</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#heritage" class="sidebar-link">Heritage</a></li></ul></li></ul> </aside> <main class="page"> <div class="content default"></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
+    <script src="/ui/assets/js/app.73634ed0.js" defer></script><script src="/ui/assets/js/2.f00ab508.js" defer></script><script src="/ui/assets/js/45.3b567ceb.js" defer></script>
+  </body>
+</html>
@@ -0,0 +1,2 @@
+
+
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>polkadot-js/ui</title>
+    <meta name="description" content="UI libraries and utilities in-use accross @polkadot projects">
+    
+    
+    <link rel="preload" href="/ui/assets/css/0.styles.f5c7dbec.css" as="style"><link rel="preload" href="/ui/assets/js/app.73634ed0.js" as="script"><link rel="preload" href="/ui/assets/js/2.f00ab508.js" as="script"><link rel="preload" href="/ui/assets/js/46.4d5b3c30.js" as="script"><link rel="prefetch" href="/ui/assets/js/10.feee2fb6.js"><link rel="prefetch" href="/ui/assets/js/11.4431186e.js"><link rel="prefetch" href="/ui/assets/js/12.60cde7c6.js"><link rel="prefetch" href="/ui/assets/js/13.e8f9b929.js"><link rel="prefetch" href="/ui/assets/js/14.edf23a0c.js"><link rel="prefetch" href="/ui/assets/js/15.6e140e5c.js"><link rel="prefetch" href="/ui/assets/js/16.814a59b4.js"><link rel="prefetch" href="/ui/assets/js/17.4319f57a.js"><link rel="prefetch" href="/ui/assets/js/18.00707b98.js"><link rel="prefetch" href="/ui/assets/js/19.0353e250.js"><link rel="prefetch" href="/ui/assets/js/20.f2154956.js"><link rel="prefetch" href="/ui/assets/js/21.d98322fa.js"><link rel="prefetch" href="/ui/assets/js/22.11f02f68.js"><link rel="prefetch" href="/ui/assets/js/23.7e342d4b.js"><link rel="prefetch" href="/ui/assets/js/24.09820451.js"><link rel="prefetch" href="/ui/assets/js/25.1bd9b377.js"><link rel="prefetch" href="/ui/assets/js/26.7b3990eb.js"><link rel="prefetch" href="/ui/assets/js/27.dd6dd743.js"><link rel="prefetch" href="/ui/assets/js/28.233b0f0a.js"><link rel="prefetch" href="/ui/assets/js/29.a6937576.js"><link rel="prefetch" href="/ui/assets/js/3.59687fa1.js"><link rel="prefetch" href="/ui/assets/js/30.328e9c48.js"><link rel="prefetch" href="/ui/assets/js/31.cb7914e9.js"><link rel="prefetch" href="/ui/assets/js/32.665882f2.js"><link rel="prefetch" href="/ui/assets/js/33.df108508.js"><link rel="prefetch" href="/ui/assets/js/34.b3c60c46.js"><link rel="prefetch" href="/ui/assets/js/35.29dac2f1.js"><link rel="prefetch" href="/ui/assets/js/36.21d292ef.js"><link rel="prefetch" href="/ui/assets/js/37.decf506d.js"><link rel="prefetch" href="/ui/assets/js/38.fa65c92d.js"><link rel="prefetch" href="/ui/assets/js/39.b67bc959.js"><link rel="prefetch" href="/ui/assets/js/4.7bd9f4a3.js"><link rel="prefetch" href="/ui/assets/js/40.eb2643d2.js"><link rel="prefetch" href="/ui/assets/js/41.9d7f2b1e.js"><link rel="prefetch" href="/ui/assets/js/42.ce9853f2.js"><link rel="prefetch" href="/ui/assets/js/43.ef18b427.js"><link rel="prefetch" href="/ui/assets/js/44.e0ccc5ab.js"><link rel="prefetch" href="/ui/assets/js/45.3b567ceb.js"><link rel="prefetch" href="/ui/assets/js/47.887b39e7.js"><link rel="prefetch" href="/ui/assets/js/48.a3d06fb4.js"><link rel="prefetch" href="/ui/assets/js/49.7627fee6.js"><link rel="prefetch" href="/ui/assets/js/5.483bab38.js"><link rel="prefetch" href="/ui/assets/js/50.abd05e11.js"><link rel="prefetch" href="/ui/assets/js/51.3ec61dab.js"><link rel="prefetch" href="/ui/assets/js/52.2afa38a5.js"><link rel="prefetch" href="/ui/assets/js/53.f77215a0.js"><link rel="prefetch" href="/ui/assets/js/54.683fae75.js"><link rel="prefetch" href="/ui/assets/js/55.8b987b3e.js"><link rel="prefetch" href="/ui/assets/js/56.3403573d.js"><link rel="prefetch" href="/ui/assets/js/57.3a215b4a.js"><link rel="prefetch" href="/ui/assets/js/58.43ef2d75.js"><link rel="prefetch" href="/ui/assets/js/59.dc6b692e.js"><link rel="prefetch" href="/ui/assets/js/6.1cf8dc02.js"><link rel="prefetch" href="/ui/assets/js/60.9121e16b.js"><link rel="prefetch" href="/ui/assets/js/61.fdb5b478.js"><link rel="prefetch" href="/ui/assets/js/62.3852ca62.js"><link rel="prefetch" href="/ui/assets/js/63.17c6de51.js"><link rel="prefetch" href="/ui/assets/js/64.53931fa1.js"><link rel="prefetch" href="/ui/assets/js/65.4a396d1b.js"><link rel="prefetch" href="/ui/assets/js/66.bdab91ca.js"><link rel="prefetch" href="/ui/assets/js/67.c5fc00e6.js"><link rel="prefetch" href="/ui/assets/js/68.8152528b.js"><link rel="prefetch" href="/ui/assets/js/7.b58d6c7e.js"><link rel="prefetch" href="/ui/assets/js/8.24fc59de.js"><link rel="prefetch" href="/ui/assets/js/9.0d2a08b3.js">
+    <link rel="stylesheet" href="/ui/assets/css/0.styles.f5c7dbec.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/ui/" class="home-link router-link-active"><!----> <span class="site-name">polkadot-js/ui</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/ui/ui-identicon/" class="sidebar-link">@polkadot/ui-identicon</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-identicon/#usage-examples" class="sidebar-link">Usage Examples</a></li></ul></li><li><a href="/ui/ui-keyring/" class="sidebar-link">@polkadot/ui-keyring</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#observables" class="sidebar-link">Observables</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#faq" class="sidebar-link">FAQ</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#users" class="sidebar-link">Users</a></li></ul></li><li><a href="/ui/ui-settings/" class="sidebar-link">@polkadot/ui-settings</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-settings/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-settings/#used-by" class="sidebar-link">Used by</a></li></ul></li><li><a href="/ui/ui-util/" class="sidebar-link">@polkadot/ui-util</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-util/#formatbalance" class="sidebar-link">formatBalance</a></li><li class="sidebar-sub-header"><a href="/ui/ui-util/#calcsi" class="sidebar-link">calcSi</a></li></ul></li><li><a href="/ui/CONTRIBUTING.html" class="sidebar-link">Contributing</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#what" class="sidebar-link">What?</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#rules" class="sidebar-link">Rules</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#releases" class="sidebar-link">Releases</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#changes-to-this-arrangement" class="sidebar-link">Changes to this arrangement</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#heritage" class="sidebar-link">Heritage</a></li></ul></li></ul> </aside> <main class="page"> <div class="content default"></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
+    <script src="/ui/assets/js/app.73634ed0.js" defer></script><script src="/ui/assets/js/2.f00ab508.js" defer></script><script src="/ui/assets/js/46.4d5b3c30.js" defer></script>
+  </body>
+</html>
@@ -0,0 +1,2 @@
+
+
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>polkadot-js/ui</title>
+    <meta name="description" content="UI libraries and utilities in-use accross @polkadot projects">
+    
+    
+    <link rel="preload" href="/ui/assets/css/0.styles.f5c7dbec.css" as="style"><link rel="preload" href="/ui/assets/js/app.73634ed0.js" as="script"><link rel="preload" href="/ui/assets/js/2.f00ab508.js" as="script"><link rel="preload" href="/ui/assets/js/47.887b39e7.js" as="script"><link rel="prefetch" href="/ui/assets/js/10.feee2fb6.js"><link rel="prefetch" href="/ui/assets/js/11.4431186e.js"><link rel="prefetch" href="/ui/assets/js/12.60cde7c6.js"><link rel="prefetch" href="/ui/assets/js/13.e8f9b929.js"><link rel="prefetch" href="/ui/assets/js/14.edf23a0c.js"><link rel="prefetch" href="/ui/assets/js/15.6e140e5c.js"><link rel="prefetch" href="/ui/assets/js/16.814a59b4.js"><link rel="prefetch" href="/ui/assets/js/17.4319f57a.js"><link rel="prefetch" href="/ui/assets/js/18.00707b98.js"><link rel="prefetch" href="/ui/assets/js/19.0353e250.js"><link rel="prefetch" href="/ui/assets/js/20.f2154956.js"><link rel="prefetch" href="/ui/assets/js/21.d98322fa.js"><link rel="prefetch" href="/ui/assets/js/22.11f02f68.js"><link rel="prefetch" href="/ui/assets/js/23.7e342d4b.js"><link rel="prefetch" href="/ui/assets/js/24.09820451.js"><link rel="prefetch" href="/ui/assets/js/25.1bd9b377.js"><link rel="prefetch" href="/ui/assets/js/26.7b3990eb.js"><link rel="prefetch" href="/ui/assets/js/27.dd6dd743.js"><link rel="prefetch" href="/ui/assets/js/28.233b0f0a.js"><link rel="prefetch" href="/ui/assets/js/29.a6937576.js"><link rel="prefetch" href="/ui/assets/js/3.59687fa1.js"><link rel="prefetch" href="/ui/assets/js/30.328e9c48.js"><link rel="prefetch" href="/ui/assets/js/31.cb7914e9.js"><link rel="prefetch" href="/ui/assets/js/32.665882f2.js"><link rel="prefetch" href="/ui/assets/js/33.df108508.js"><link rel="prefetch" href="/ui/assets/js/34.b3c60c46.js"><link rel="prefetch" href="/ui/assets/js/35.29dac2f1.js"><link rel="prefetch" href="/ui/assets/js/36.21d292ef.js"><link rel="prefetch" href="/ui/assets/js/37.decf506d.js"><link rel="prefetch" href="/ui/assets/js/38.fa65c92d.js"><link rel="prefetch" href="/ui/assets/js/39.b67bc959.js"><link rel="prefetch" href="/ui/assets/js/4.7bd9f4a3.js"><link rel="prefetch" href="/ui/assets/js/40.eb2643d2.js"><link rel="prefetch" href="/ui/assets/js/41.9d7f2b1e.js"><link rel="prefetch" href="/ui/assets/js/42.ce9853f2.js"><link rel="prefetch" href="/ui/assets/js/43.ef18b427.js"><link rel="prefetch" href="/ui/assets/js/44.e0ccc5ab.js"><link rel="prefetch" href="/ui/assets/js/45.3b567ceb.js"><link rel="prefetch" href="/ui/assets/js/46.4d5b3c30.js"><link rel="prefetch" href="/ui/assets/js/48.a3d06fb4.js"><link rel="prefetch" href="/ui/assets/js/49.7627fee6.js"><link rel="prefetch" href="/ui/assets/js/5.483bab38.js"><link rel="prefetch" href="/ui/assets/js/50.abd05e11.js"><link rel="prefetch" href="/ui/assets/js/51.3ec61dab.js"><link rel="prefetch" href="/ui/assets/js/52.2afa38a5.js"><link rel="prefetch" href="/ui/assets/js/53.f77215a0.js"><link rel="prefetch" href="/ui/assets/js/54.683fae75.js"><link rel="prefetch" href="/ui/assets/js/55.8b987b3e.js"><link rel="prefetch" href="/ui/assets/js/56.3403573d.js"><link rel="prefetch" href="/ui/assets/js/57.3a215b4a.js"><link rel="prefetch" href="/ui/assets/js/58.43ef2d75.js"><link rel="prefetch" href="/ui/assets/js/59.dc6b692e.js"><link rel="prefetch" href="/ui/assets/js/6.1cf8dc02.js"><link rel="prefetch" href="/ui/assets/js/60.9121e16b.js"><link rel="prefetch" href="/ui/assets/js/61.fdb5b478.js"><link rel="prefetch" href="/ui/assets/js/62.3852ca62.js"><link rel="prefetch" href="/ui/assets/js/63.17c6de51.js"><link rel="prefetch" href="/ui/assets/js/64.53931fa1.js"><link rel="prefetch" href="/ui/assets/js/65.4a396d1b.js"><link rel="prefetch" href="/ui/assets/js/66.bdab91ca.js"><link rel="prefetch" href="/ui/assets/js/67.c5fc00e6.js"><link rel="prefetch" href="/ui/assets/js/68.8152528b.js"><link rel="prefetch" href="/ui/assets/js/7.b58d6c7e.js"><link rel="prefetch" href="/ui/assets/js/8.24fc59de.js"><link rel="prefetch" href="/ui/assets/js/9.0d2a08b3.js">
+    <link rel="stylesheet" href="/ui/assets/css/0.styles.f5c7dbec.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/ui/" class="home-link router-link-active"><!----> <span class="site-name">polkadot-js/ui</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/ui/ui-identicon/" class="sidebar-link">@polkadot/ui-identicon</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-identicon/#usage-examples" class="sidebar-link">Usage Examples</a></li></ul></li><li><a href="/ui/ui-keyring/" class="sidebar-link">@polkadot/ui-keyring</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#observables" class="sidebar-link">Observables</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#faq" class="sidebar-link">FAQ</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#users" class="sidebar-link">Users</a></li></ul></li><li><a href="/ui/ui-settings/" class="sidebar-link">@polkadot/ui-settings</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-settings/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-settings/#used-by" class="sidebar-link">Used by</a></li></ul></li><li><a href="/ui/ui-util/" class="sidebar-link">@polkadot/ui-util</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-util/#formatbalance" class="sidebar-link">formatBalance</a></li><li class="sidebar-sub-header"><a href="/ui/ui-util/#calcsi" class="sidebar-link">calcSi</a></li></ul></li><li><a href="/ui/CONTRIBUTING.html" class="sidebar-link">Contributing</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#what" class="sidebar-link">What?</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#rules" class="sidebar-link">Rules</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#releases" class="sidebar-link">Releases</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#changes-to-this-arrangement" class="sidebar-link">Changes to this arrangement</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#heritage" class="sidebar-link">Heritage</a></li></ul></li></ul> </aside> <main class="page"> <div class="content default"></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
+    <script src="/ui/assets/js/app.73634ed0.js" defer></script><script src="/ui/assets/js/2.f00ab508.js" defer></script><script src="/ui/assets/js/47.887b39e7.js" defer></script>
+  </body>
+</html>
@@ -0,0 +1,2 @@
+
+
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>Functions | polkadot-js/ui</title>
+    <meta name="description" content="UI libraries and utilities in-use accross @polkadot projects">
+    
+    
+    <link rel="preload" href="/ui/assets/css/0.styles.f5c7dbec.css" as="style"><link rel="preload" href="/ui/assets/js/app.73634ed0.js" as="script"><link rel="preload" href="/ui/assets/js/2.f00ab508.js" as="script"><link rel="preload" href="/ui/assets/js/48.a3d06fb4.js" as="script"><link rel="prefetch" href="/ui/assets/js/10.feee2fb6.js"><link rel="prefetch" href="/ui/assets/js/11.4431186e.js"><link rel="prefetch" href="/ui/assets/js/12.60cde7c6.js"><link rel="prefetch" href="/ui/assets/js/13.e8f9b929.js"><link rel="prefetch" href="/ui/assets/js/14.edf23a0c.js"><link rel="prefetch" href="/ui/assets/js/15.6e140e5c.js"><link rel="prefetch" href="/ui/assets/js/16.814a59b4.js"><link rel="prefetch" href="/ui/assets/js/17.4319f57a.js"><link rel="prefetch" href="/ui/assets/js/18.00707b98.js"><link rel="prefetch" href="/ui/assets/js/19.0353e250.js"><link rel="prefetch" href="/ui/assets/js/20.f2154956.js"><link rel="prefetch" href="/ui/assets/js/21.d98322fa.js"><link rel="prefetch" href="/ui/assets/js/22.11f02f68.js"><link rel="prefetch" href="/ui/assets/js/23.7e342d4b.js"><link rel="prefetch" href="/ui/assets/js/24.09820451.js"><link rel="prefetch" href="/ui/assets/js/25.1bd9b377.js"><link rel="prefetch" href="/ui/assets/js/26.7b3990eb.js"><link rel="prefetch" href="/ui/assets/js/27.dd6dd743.js"><link rel="prefetch" href="/ui/assets/js/28.233b0f0a.js"><link rel="prefetch" href="/ui/assets/js/29.a6937576.js"><link rel="prefetch" href="/ui/assets/js/3.59687fa1.js"><link rel="prefetch" href="/ui/assets/js/30.328e9c48.js"><link rel="prefetch" href="/ui/assets/js/31.cb7914e9.js"><link rel="prefetch" href="/ui/assets/js/32.665882f2.js"><link rel="prefetch" href="/ui/assets/js/33.df108508.js"><link rel="prefetch" href="/ui/assets/js/34.b3c60c46.js"><link rel="prefetch" href="/ui/assets/js/35.29dac2f1.js"><link rel="prefetch" href="/ui/assets/js/36.21d292ef.js"><link rel="prefetch" href="/ui/assets/js/37.decf506d.js"><link rel="prefetch" href="/ui/assets/js/38.fa65c92d.js"><link rel="prefetch" href="/ui/assets/js/39.b67bc959.js"><link rel="prefetch" href="/ui/assets/js/4.7bd9f4a3.js"><link rel="prefetch" href="/ui/assets/js/40.eb2643d2.js"><link rel="prefetch" href="/ui/assets/js/41.9d7f2b1e.js"><link rel="prefetch" href="/ui/assets/js/42.ce9853f2.js"><link rel="prefetch" href="/ui/assets/js/43.ef18b427.js"><link rel="prefetch" href="/ui/assets/js/44.e0ccc5ab.js"><link rel="prefetch" href="/ui/assets/js/45.3b567ceb.js"><link rel="prefetch" href="/ui/assets/js/46.4d5b3c30.js"><link rel="prefetch" href="/ui/assets/js/47.887b39e7.js"><link rel="prefetch" href="/ui/assets/js/49.7627fee6.js"><link rel="prefetch" href="/ui/assets/js/5.483bab38.js"><link rel="prefetch" href="/ui/assets/js/50.abd05e11.js"><link rel="prefetch" href="/ui/assets/js/51.3ec61dab.js"><link rel="prefetch" href="/ui/assets/js/52.2afa38a5.js"><link rel="prefetch" href="/ui/assets/js/53.f77215a0.js"><link rel="prefetch" href="/ui/assets/js/54.683fae75.js"><link rel="prefetch" href="/ui/assets/js/55.8b987b3e.js"><link rel="prefetch" href="/ui/assets/js/56.3403573d.js"><link rel="prefetch" href="/ui/assets/js/57.3a215b4a.js"><link rel="prefetch" href="/ui/assets/js/58.43ef2d75.js"><link rel="prefetch" href="/ui/assets/js/59.dc6b692e.js"><link rel="prefetch" href="/ui/assets/js/6.1cf8dc02.js"><link rel="prefetch" href="/ui/assets/js/60.9121e16b.js"><link rel="prefetch" href="/ui/assets/js/61.fdb5b478.js"><link rel="prefetch" href="/ui/assets/js/62.3852ca62.js"><link rel="prefetch" href="/ui/assets/js/63.17c6de51.js"><link rel="prefetch" href="/ui/assets/js/64.53931fa1.js"><link rel="prefetch" href="/ui/assets/js/65.4a396d1b.js"><link rel="prefetch" href="/ui/assets/js/66.bdab91ca.js"><link rel="prefetch" href="/ui/assets/js/67.c5fc00e6.js"><link rel="prefetch" href="/ui/assets/js/68.8152528b.js"><link rel="prefetch" href="/ui/assets/js/7.b58d6c7e.js"><link rel="prefetch" href="/ui/assets/js/8.24fc59de.js"><link rel="prefetch" href="/ui/assets/js/9.0d2a08b3.js">
+    <link rel="stylesheet" href="/ui/assets/css/0.styles.f5c7dbec.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/ui/" class="home-link router-link-active"><!----> <span class="site-name">polkadot-js/ui</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/ui/ui-identicon/" class="sidebar-link">@polkadot/ui-identicon</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-identicon/#usage-examples" class="sidebar-link">Usage Examples</a></li></ul></li><li><a href="/ui/ui-keyring/" class="sidebar-link">@polkadot/ui-keyring</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#observables" class="sidebar-link">Observables</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#faq" class="sidebar-link">FAQ</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#users" class="sidebar-link">Users</a></li></ul></li><li><a href="/ui/ui-settings/" class="sidebar-link">@polkadot/ui-settings</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-settings/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-settings/#used-by" class="sidebar-link">Used by</a></li></ul></li><li><a href="/ui/ui-util/" class="sidebar-link">@polkadot/ui-util</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-util/#formatbalance" class="sidebar-link">formatBalance</a></li><li class="sidebar-sub-header"><a href="/ui/ui-util/#calcsi" class="sidebar-link">calcSi</a></li></ul></li><li><a href="/ui/CONTRIBUTING.html" class="sidebar-link">Contributing</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#what" class="sidebar-link">What?</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#rules" class="sidebar-link">Rules</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#releases" class="sidebar-link">Releases</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#changes-to-this-arrangement" class="sidebar-link">Changes to this arrangement</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#heritage" class="sidebar-link">Heritage</a></li></ul></li></ul> </aside> <main class="page"> <div class="content default"><h1 id="functions"><a href="#functions" aria-hidden="true" class="header-anchor">#</a> Functions</h1> <p><a id="genericsubject"></a></p> <h2 id="genericsubject"><a href="#genericsubject" aria-hidden="true" class="header-anchor">#</a> genericSubject</h2> <p>▸ <strong>genericSubject</strong>(keyCreator: <em><code>function</code></em>, withTest?: <em><code>boolean</code></em>): <a href="/ui/ui-keyring/modules/_observable_types_.html#addresssubject">AddressSubject</a></p> <p><em>Defined in <a href="https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/observable/genericSubject.ts#L30" target="_blank" rel="noopener noreferrer">observable/genericSubject.ts:30<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></em></p> <p><strong>Parameters:</strong></p> <table><thead><tr><th>Name</th> <th>Type</th> <th>Default value</th></tr></thead> <tbody><tr><td>keyCreator</td> <td><code>function</code></td> <td>-</td></tr> <tr><td><code>Default value</code> withTest</td> <td><code>boolean</code></td> <td>false</td></tr></tbody></table> <p><strong>Returns:</strong> <a href="/ui/ui-keyring/modules/_observable_types_.html#addresssubject">AddressSubject</a></p> <hr></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
+    <script src="/ui/assets/js/app.73634ed0.js" defer></script><script src="/ui/assets/js/2.f00ab508.js" defer></script><script src="/ui/assets/js/48.a3d06fb4.js" defer></script>
+  </body>
+</html>
@@ -0,0 +1,23 @@
+
+
+# Functions
+
+<a id="genericsubject"></a>
+
+##  genericSubject
+
+▸ **genericSubject**(keyCreator: *`function`*, withTest?: *`boolean`*): [AddressSubject](_observable_types_.md#addresssubject)
+
+*Defined in [observable/genericSubject.ts:30](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/observable/genericSubject.ts#L30)*
+
+**Parameters:**
+
+| Name | Type | Default value |
+| ------ | ------ | ------ |
+| keyCreator | `function` | - |
+| `Default value` withTest | `boolean` | false |
+
+**Returns:** [AddressSubject](_observable_types_.md#addresssubject)
+
+___
+
@@ -0,0 +1,40 @@
+
+
+# Type aliases
+
+<a id="addresssubject"></a>
+
+##  AddressSubject
+
+**Ƭ AddressSubject**: *`object`*
+
+*Defined in [observable/types.ts:18](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/observable/types.ts#L18)*
+
+#### Type declaration
+
+___
+<a id="singleaddress"></a>
+
+##  SingleAddress
+
+**Ƭ SingleAddress**: *`object`*
+
+*Defined in [observable/types.ts:9](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/observable/types.ts#L9)*
+
+#### Type declaration
+
+___
+<a id="subjectinfo"></a>
+
+##  SubjectInfo
+
+**Ƭ SubjectInfo**: *`object`*
+
+*Defined in [observable/types.ts:14](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/observable/types.ts#L14)*
+
+#### Type declaration
+
+[index: `string`]: [SingleAddress](_observable_types_.md#singleaddress)
+
+___
+
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>Functions | polkadot-js/ui</title>
+    <meta name="description" content="UI libraries and utilities in-use accross @polkadot projects">
+    
+    
+    <link rel="preload" href="/ui/assets/css/0.styles.f5c7dbec.css" as="style"><link rel="preload" href="/ui/assets/js/app.73634ed0.js" as="script"><link rel="preload" href="/ui/assets/js/2.f00ab508.js" as="script"><link rel="preload" href="/ui/assets/js/50.abd05e11.js" as="script"><link rel="prefetch" href="/ui/assets/js/10.feee2fb6.js"><link rel="prefetch" href="/ui/assets/js/11.4431186e.js"><link rel="prefetch" href="/ui/assets/js/12.60cde7c6.js"><link rel="prefetch" href="/ui/assets/js/13.e8f9b929.js"><link rel="prefetch" href="/ui/assets/js/14.edf23a0c.js"><link rel="prefetch" href="/ui/assets/js/15.6e140e5c.js"><link rel="prefetch" href="/ui/assets/js/16.814a59b4.js"><link rel="prefetch" href="/ui/assets/js/17.4319f57a.js"><link rel="prefetch" href="/ui/assets/js/18.00707b98.js"><link rel="prefetch" href="/ui/assets/js/19.0353e250.js"><link rel="prefetch" href="/ui/assets/js/20.f2154956.js"><link rel="prefetch" href="/ui/assets/js/21.d98322fa.js"><link rel="prefetch" href="/ui/assets/js/22.11f02f68.js"><link rel="prefetch" href="/ui/assets/js/23.7e342d4b.js"><link rel="prefetch" href="/ui/assets/js/24.09820451.js"><link rel="prefetch" href="/ui/assets/js/25.1bd9b377.js"><link rel="prefetch" href="/ui/assets/js/26.7b3990eb.js"><link rel="prefetch" href="/ui/assets/js/27.dd6dd743.js"><link rel="prefetch" href="/ui/assets/js/28.233b0f0a.js"><link rel="prefetch" href="/ui/assets/js/29.a6937576.js"><link rel="prefetch" href="/ui/assets/js/3.59687fa1.js"><link rel="prefetch" href="/ui/assets/js/30.328e9c48.js"><link rel="prefetch" href="/ui/assets/js/31.cb7914e9.js"><link rel="prefetch" href="/ui/assets/js/32.665882f2.js"><link rel="prefetch" href="/ui/assets/js/33.df108508.js"><link rel="prefetch" href="/ui/assets/js/34.b3c60c46.js"><link rel="prefetch" href="/ui/assets/js/35.29dac2f1.js"><link rel="prefetch" href="/ui/assets/js/36.21d292ef.js"><link rel="prefetch" href="/ui/assets/js/37.decf506d.js"><link rel="prefetch" href="/ui/assets/js/38.fa65c92d.js"><link rel="prefetch" href="/ui/assets/js/39.b67bc959.js"><link rel="prefetch" href="/ui/assets/js/4.7bd9f4a3.js"><link rel="prefetch" href="/ui/assets/js/40.eb2643d2.js"><link rel="prefetch" href="/ui/assets/js/41.9d7f2b1e.js"><link rel="prefetch" href="/ui/assets/js/42.ce9853f2.js"><link rel="prefetch" href="/ui/assets/js/43.ef18b427.js"><link rel="prefetch" href="/ui/assets/js/44.e0ccc5ab.js"><link rel="prefetch" href="/ui/assets/js/45.3b567ceb.js"><link rel="prefetch" href="/ui/assets/js/46.4d5b3c30.js"><link rel="prefetch" href="/ui/assets/js/47.887b39e7.js"><link rel="prefetch" href="/ui/assets/js/48.a3d06fb4.js"><link rel="prefetch" href="/ui/assets/js/49.7627fee6.js"><link rel="prefetch" href="/ui/assets/js/5.483bab38.js"><link rel="prefetch" href="/ui/assets/js/51.3ec61dab.js"><link rel="prefetch" href="/ui/assets/js/52.2afa38a5.js"><link rel="prefetch" href="/ui/assets/js/53.f77215a0.js"><link rel="prefetch" href="/ui/assets/js/54.683fae75.js"><link rel="prefetch" href="/ui/assets/js/55.8b987b3e.js"><link rel="prefetch" href="/ui/assets/js/56.3403573d.js"><link rel="prefetch" href="/ui/assets/js/57.3a215b4a.js"><link rel="prefetch" href="/ui/assets/js/58.43ef2d75.js"><link rel="prefetch" href="/ui/assets/js/59.dc6b692e.js"><link rel="prefetch" href="/ui/assets/js/6.1cf8dc02.js"><link rel="prefetch" href="/ui/assets/js/60.9121e16b.js"><link rel="prefetch" href="/ui/assets/js/61.fdb5b478.js"><link rel="prefetch" href="/ui/assets/js/62.3852ca62.js"><link rel="prefetch" href="/ui/assets/js/63.17c6de51.js"><link rel="prefetch" href="/ui/assets/js/64.53931fa1.js"><link rel="prefetch" href="/ui/assets/js/65.4a396d1b.js"><link rel="prefetch" href="/ui/assets/js/66.bdab91ca.js"><link rel="prefetch" href="/ui/assets/js/67.c5fc00e6.js"><link rel="prefetch" href="/ui/assets/js/68.8152528b.js"><link rel="prefetch" href="/ui/assets/js/7.b58d6c7e.js"><link rel="prefetch" href="/ui/assets/js/8.24fc59de.js"><link rel="prefetch" href="/ui/assets/js/9.0d2a08b3.js">
+    <link rel="stylesheet" href="/ui/assets/css/0.styles.f5c7dbec.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/ui/" class="home-link router-link-active"><!----> <span class="site-name">polkadot-js/ui</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/ui/ui-identicon/" class="sidebar-link">@polkadot/ui-identicon</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-identicon/#usage-examples" class="sidebar-link">Usage Examples</a></li></ul></li><li><a href="/ui/ui-keyring/" class="sidebar-link">@polkadot/ui-keyring</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#observables" class="sidebar-link">Observables</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#faq" class="sidebar-link">FAQ</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#users" class="sidebar-link">Users</a></li></ul></li><li><a href="/ui/ui-settings/" class="sidebar-link">@polkadot/ui-settings</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-settings/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-settings/#used-by" class="sidebar-link">Used by</a></li></ul></li><li><a href="/ui/ui-util/" class="sidebar-link">@polkadot/ui-util</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-util/#formatbalance" class="sidebar-link">formatBalance</a></li><li class="sidebar-sub-header"><a href="/ui/ui-util/#calcsi" class="sidebar-link">calcSi</a></li></ul></li><li><a href="/ui/CONTRIBUTING.html" class="sidebar-link">Contributing</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#what" class="sidebar-link">What?</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#rules" class="sidebar-link">Rules</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#releases" class="sidebar-link">Releases</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#changes-to-this-arrangement" class="sidebar-link">Changes to this arrangement</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#heritage" class="sidebar-link">Heritage</a></li></ul></li></ul> </aside> <main class="page"> <div class="content default"><h1 id="functions"><a href="#functions" aria-hidden="true" class="header-anchor">#</a> Functions</h1> <p><a id="createitem"></a></p> <h2 id="createitem"><a href="#createitem" aria-hidden="true" class="header-anchor">#</a> createItem</h2> <p>▸ <strong>createItem</strong>(address: <em><code>string</code></em>, _name?: <em><code>undefined</code> | <code>string</code></em>): <a href="/ui/ui-keyring/modules/_options_types_.html#keyringsectionoption">KeyringSectionOption</a></p> <p><em>Defined in <a href="https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/options/item.tsx#L12" target="_blank" rel="noopener noreferrer">options/item.tsx:12<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></em></p> <p><strong>Parameters:</strong></p> <table><thead><tr><th>Name</th> <th>Type</th></tr></thead> <tbody><tr><td>address</td> <td><code>string</code></td></tr> <tr><td><code>Optional</code> _name</td> <td><code>undefined</code> | <code>string</code></td></tr></tbody></table> <p><strong>Returns:</strong> <a href="/ui/ui-keyring/modules/_options_types_.html#keyringsectionoption">KeyringSectionOption</a></p> <hr></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
+    <script src="/ui/assets/js/app.73634ed0.js" defer></script><script src="/ui/assets/js/2.f00ab508.js" defer></script><script src="/ui/assets/js/50.abd05e11.js" defer></script>
+  </body>
+</html>
@@ -0,0 +1,23 @@
+
+
+# Functions
+
+<a id="createitem"></a>
+
+##  createItem
+
+▸ **createItem**(address: *`string`*, _name?: *`undefined` \| `string`*): [KeyringSectionOption](_options_types_.md#keyringsectionoption)
+
+*Defined in [options/item.tsx:12](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/options/item.tsx#L12)*
+
+**Parameters:**
+
+| Name | Type |
+| ------ | ------ |
+| address | `string` |
+| `Optional` _name | `undefined` \| `string` |
+
+**Returns:** [KeyringSectionOption](_options_types_.md#keyringsectionoption)
+
+___
+
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>Index | polkadot-js/ui</title>
+    <meta name="description" content="UI libraries and utilities in-use accross @polkadot projects">
+    
+    
+    <link rel="preload" href="/ui/assets/css/0.styles.f5c7dbec.css" as="style"><link rel="preload" href="/ui/assets/js/app.73634ed0.js" as="script"><link rel="preload" href="/ui/assets/js/2.f00ab508.js" as="script"><link rel="preload" href="/ui/assets/js/51.3ec61dab.js" as="script"><link rel="prefetch" href="/ui/assets/js/10.feee2fb6.js"><link rel="prefetch" href="/ui/assets/js/11.4431186e.js"><link rel="prefetch" href="/ui/assets/js/12.60cde7c6.js"><link rel="prefetch" href="/ui/assets/js/13.e8f9b929.js"><link rel="prefetch" href="/ui/assets/js/14.edf23a0c.js"><link rel="prefetch" href="/ui/assets/js/15.6e140e5c.js"><link rel="prefetch" href="/ui/assets/js/16.814a59b4.js"><link rel="prefetch" href="/ui/assets/js/17.4319f57a.js"><link rel="prefetch" href="/ui/assets/js/18.00707b98.js"><link rel="prefetch" href="/ui/assets/js/19.0353e250.js"><link rel="prefetch" href="/ui/assets/js/20.f2154956.js"><link rel="prefetch" href="/ui/assets/js/21.d98322fa.js"><link rel="prefetch" href="/ui/assets/js/22.11f02f68.js"><link rel="prefetch" href="/ui/assets/js/23.7e342d4b.js"><link rel="prefetch" href="/ui/assets/js/24.09820451.js"><link rel="prefetch" href="/ui/assets/js/25.1bd9b377.js"><link rel="prefetch" href="/ui/assets/js/26.7b3990eb.js"><link rel="prefetch" href="/ui/assets/js/27.dd6dd743.js"><link rel="prefetch" href="/ui/assets/js/28.233b0f0a.js"><link rel="prefetch" href="/ui/assets/js/29.a6937576.js"><link rel="prefetch" href="/ui/assets/js/3.59687fa1.js"><link rel="prefetch" href="/ui/assets/js/30.328e9c48.js"><link rel="prefetch" href="/ui/assets/js/31.cb7914e9.js"><link rel="prefetch" href="/ui/assets/js/32.665882f2.js"><link rel="prefetch" href="/ui/assets/js/33.df108508.js"><link rel="prefetch" href="/ui/assets/js/34.b3c60c46.js"><link rel="prefetch" href="/ui/assets/js/35.29dac2f1.js"><link rel="prefetch" href="/ui/assets/js/36.21d292ef.js"><link rel="prefetch" href="/ui/assets/js/37.decf506d.js"><link rel="prefetch" href="/ui/assets/js/38.fa65c92d.js"><link rel="prefetch" href="/ui/assets/js/39.b67bc959.js"><link rel="prefetch" href="/ui/assets/js/4.7bd9f4a3.js"><link rel="prefetch" href="/ui/assets/js/40.eb2643d2.js"><link rel="prefetch" href="/ui/assets/js/41.9d7f2b1e.js"><link rel="prefetch" href="/ui/assets/js/42.ce9853f2.js"><link rel="prefetch" href="/ui/assets/js/43.ef18b427.js"><link rel="prefetch" href="/ui/assets/js/44.e0ccc5ab.js"><link rel="prefetch" href="/ui/assets/js/45.3b567ceb.js"><link rel="prefetch" href="/ui/assets/js/46.4d5b3c30.js"><link rel="prefetch" href="/ui/assets/js/47.887b39e7.js"><link rel="prefetch" href="/ui/assets/js/48.a3d06fb4.js"><link rel="prefetch" href="/ui/assets/js/49.7627fee6.js"><link rel="prefetch" href="/ui/assets/js/5.483bab38.js"><link rel="prefetch" href="/ui/assets/js/50.abd05e11.js"><link rel="prefetch" href="/ui/assets/js/52.2afa38a5.js"><link rel="prefetch" href="/ui/assets/js/53.f77215a0.js"><link rel="prefetch" href="/ui/assets/js/54.683fae75.js"><link rel="prefetch" href="/ui/assets/js/55.8b987b3e.js"><link rel="prefetch" href="/ui/assets/js/56.3403573d.js"><link rel="prefetch" href="/ui/assets/js/57.3a215b4a.js"><link rel="prefetch" href="/ui/assets/js/58.43ef2d75.js"><link rel="prefetch" href="/ui/assets/js/59.dc6b692e.js"><link rel="prefetch" href="/ui/assets/js/6.1cf8dc02.js"><link rel="prefetch" href="/ui/assets/js/60.9121e16b.js"><link rel="prefetch" href="/ui/assets/js/61.fdb5b478.js"><link rel="prefetch" href="/ui/assets/js/62.3852ca62.js"><link rel="prefetch" href="/ui/assets/js/63.17c6de51.js"><link rel="prefetch" href="/ui/assets/js/64.53931fa1.js"><link rel="prefetch" href="/ui/assets/js/65.4a396d1b.js"><link rel="prefetch" href="/ui/assets/js/66.bdab91ca.js"><link rel="prefetch" href="/ui/assets/js/67.c5fc00e6.js"><link rel="prefetch" href="/ui/assets/js/68.8152528b.js"><link rel="prefetch" href="/ui/assets/js/7.b58d6c7e.js"><link rel="prefetch" href="/ui/assets/js/8.24fc59de.js"><link rel="prefetch" href="/ui/assets/js/9.0d2a08b3.js">
+    <link rel="stylesheet" href="/ui/assets/css/0.styles.f5c7dbec.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/ui/" class="home-link router-link-active"><!----> <span class="site-name">polkadot-js/ui</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="https://github.com/polkadot-js/ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  GitHub
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/ui/ui-identicon/" class="sidebar-link">@polkadot/ui-identicon</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-identicon/#usage-examples" class="sidebar-link">Usage Examples</a></li></ul></li><li><a href="/ui/ui-keyring/" class="sidebar-link">@polkadot/ui-keyring</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#observables" class="sidebar-link">Observables</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#faq" class="sidebar-link">FAQ</a></li><li class="sidebar-sub-header"><a href="/ui/ui-keyring/#users" class="sidebar-link">Users</a></li></ul></li><li><a href="/ui/ui-settings/" class="sidebar-link">@polkadot/ui-settings</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-settings/#usage-examples" class="sidebar-link">Usage Examples</a></li><li class="sidebar-sub-header"><a href="/ui/ui-settings/#used-by" class="sidebar-link">Used by</a></li></ul></li><li><a href="/ui/ui-util/" class="sidebar-link">@polkadot/ui-util</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/ui-util/#formatbalance" class="sidebar-link">formatBalance</a></li><li class="sidebar-sub-header"><a href="/ui/ui-util/#calcsi" class="sidebar-link">calcSi</a></li></ul></li><li><a href="/ui/CONTRIBUTING.html" class="sidebar-link">Contributing</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#what" class="sidebar-link">What?</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#rules" class="sidebar-link">Rules</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#releases" class="sidebar-link">Releases</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#changes-to-this-arrangement" class="sidebar-link">Changes to this arrangement</a></li><li class="sidebar-sub-header"><a href="/ui/CONTRIBUTING.html#heritage" class="sidebar-link">Heritage</a></li></ul></li></ul> </aside> <main class="page"> <div class="content default"><h1 id="index"><a href="#index" aria-hidden="true" class="header-anchor">#</a> Index</h1> <h3 id="classes"><a href="#classes" aria-hidden="true" class="header-anchor">#</a> Classes</h3> <ul><li><a href="/ui/ui-keyring/classes/_options_keypair_.keypair.html">KeyPair</a></li></ul> <hr></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
+    <script src="/ui/assets/js/app.73634ed0.js" defer></script><script src="/ui/assets/js/2.f00ab508.js" defer></script><script src="/ui/assets/js/51.3ec61dab.js" defer></script>
+  </body>
+</html>
@@ -0,0 +1,10 @@
+
+
+# Index
+
+### Classes
+
+* [KeyPair](../classes/_options_keypair_.keypair.md)
+
+---
+
@@ -0,0 +1,60 @@
+
+
+# Index
+
+### Interfaces
+
+* [KeyringOptionInstance](../interfaces/_options_types_.keyringoptioninstance.md)
+
+### Type aliases
+
+* [KeyringOption$Type](_options_types_.md#keyringoption_type)
+* [KeyringOptions](_options_types_.md#keyringoptions)
+* [KeyringSectionOption](_options_types_.md#keyringsectionoption)
+* [KeyringSectionOptions](_options_types_.md#keyringsectionoptions)
+
+---
+
+# Type aliases
+
+<a id="keyringoption_type"></a>
+
+##  KeyringOption$Type
+
+**Ƭ KeyringOption$Type**: *`keyof KeyringOptions`*
+
+*Defined in [options/types.ts:27](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/options/types.ts#L27)*
+
+___
+<a id="keyringoptions"></a>
+
+##  KeyringOptions
+
+**Ƭ KeyringOptions**: *`object`*
+
+*Defined in [options/types.ts:19](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/options/types.ts#L19)*
+
+#### Type declaration
+
+___
+<a id="keyringsectionoption"></a>
+
+##  KeyringSectionOption
+
+**Ƭ KeyringSectionOption**: *`object`*
+
+*Defined in [options/types.ts:7](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/options/types.ts#L7)*
+
+#### Type declaration
+
+___
+<a id="keyringsectionoptions"></a>
+
+##  KeyringSectionOptions
+
+**Ƭ KeyringSectionOptions**: *`Array`<[KeyringSectionOption](_options_types_.md#keyringsectionoption)>*
+
+*Defined in [options/types.ts:17](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/options/types.ts#L17)*
+
+___
+
@@ -0,0 +1,64 @@
+
+
+# Index
+
+### Interfaces
+
+* [KeyringStruct](../interfaces/_types_.keyringstruct.md)
+
+### Type aliases
+
+* [KeyringAddress](_types_.md#keyringaddress)
+* [KeyringJson](_types_.md#keyringjson)
+* [KeyringJson$Meta](_types_.md#keyringjson_meta)
+* [KeyringOptions](_types_.md#keyringoptions)
+
+---
+
+# Type aliases
+
+<a id="keyringaddress"></a>
+
+##  KeyringAddress
+
+**Ƭ KeyringAddress**: *`object`*
+
+*Defined in [types.ts:27](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L27)*
+
+#### Type declaration
+
+___
+<a id="keyringjson"></a>
+
+##  KeyringJson
+
+**Ƭ KeyringJson**: *`object`*
+
+*Defined in [types.ts:22](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L22)*
+
+#### Type declaration
+
+___
+<a id="keyringjson_meta"></a>
+
+##  KeyringJson$Meta
+
+**Ƭ KeyringJson$Meta**: *`object`*
+
+*Defined in [types.ts:12](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L12)*
+
+#### Type declaration
+
+[index: `string`]: `any`
+
+___
+<a id="keyringoptions"></a>
+
+##  KeyringOptions
+
+**Ƭ KeyringOptions**: *`KeyringOptionsBase` & `object`*
+
+*Defined in [types.ts:8](https://github.com/polkadot-js/ui/blob/28b991d/packages/ui-keyring/src/types.ts#L8)*
+
+___
+