Skip to content

Releases: thirdweb-dev/js

[email protected]

29 Jan 01:44
073b25a
Compare
Choose a tag to compare

Minor Changes

  • #6082 4550bb2 Thanks @joaquim-verges! - Support Account and Wallet headless components in react native

    You can now use the Account and Wallet headless components in react native, this lets you build your own UI, styling it however you want, but letting the components handle the logic.

    Example Account components usage:

    <AccountProvider address={account.address} client={client}>
      /* avatar */
      <AccountAvatar
        loadingComponent={
          <AccountBlobbie size={92} style={{ borderRadius: 100 }} />
        }
        fallbackComponent={
          <AccountBlobbie size={92} style={{ borderRadius: 100 }} />
        }
        style={{
          width: 92,
          height: 92,
          borderRadius: 100,
        }}
      />
      /* address */
      <AccountAddress
        style={{ fontSize: 16, color: Colors.secondary }}
        formatFn={shortenAddress}
      />
      /* balance */
      <AccountBalance
        showBalanceInFiat={"USD"}
        chain={chain}
        loadingComponent={
          <ActivityIndicator size="large" color={Colors.accent} />
        }
        fallbackComponent={
          <Text className="text-primary">Failed to load balance</Text>
        }
        style={{
          color: "white",
          fontSize: 48,
          fontWeight: "bold",
        }}
      />
    </AccountProvider>

    Example Wallet components usage:

    <WalletProvider id={"io.metamask"}>
      <WalletIcon width={32} height={32} />
      <WalletName style={{ fontSize: 16, color: Colors.primary }} />
    </WalletProvider>

Patch Changes

@thirdweb-dev/[email protected]

29 Jan 01:44
073b25a
Compare
Choose a tag to compare

Patch Changes

@thirdweb-dev/[email protected]

29 Jan 02:24
1cff849
Compare
Choose a tag to compare

Patch Changes

@thirdweb-dev/[email protected]

29 Jan 01:44
073b25a
Compare
Choose a tag to compare

Patch Changes

[email protected]

27 Jan 23:05
8b46952
Compare
Choose a tag to compare

Patch Changes

[email protected]

27 Jan 22:07
40fa323
Compare
Choose a tag to compare

Patch Changes

[email protected]

27 Jan 21:18
86f205e
Compare
Choose a tag to compare

Patch Changes

[email protected]

27 Jan 07:46
3e7df08
Compare
Choose a tag to compare

Patch Changes

@thirdweb-dev/[email protected]

27 Jan 23:05
8b46952
Compare
Choose a tag to compare

@thirdweb-dev/[email protected]

27 Jan 22:07
40fa323
Compare
Choose a tag to compare