diff --git a/README.md b/README.md index 71d85d3..ace072d 100644 --- a/README.md +++ b/README.md @@ -350,22 +350,67 @@ import { getChainDataByChainId } from 'svelte-web3' console.log(getChainDataByChainId(5)) ``` -## Web3 Svelte component [ experimental ] +## Web3 Svelte components -We plan to export generic Svelte components both to demonstrate the use -of the svelte-web3 library and as resuable and composable best practices -components. Only a `Balance` component has been implemented for now. You -are welcome to help define and develop new components by joining our -discussions in our [Discord](https://discord.gg/7yXuwDwaHF). +`web3-svelte` includes several basic Svelte components designed to simplify +common tasks when building Ethereum-based applications. These components +demonstrate how to use the `web3-svelte` library effectively and serve as +reusable and composable best practices components. Currently, the library +includes `Balance`, `Identicon`, and `Jazzicon` components. We encourage +community members to contribute and help develop additional components by +joining our discussions in our [Discord](https://discord.gg/7yXuwDwaHF). + +You can find example usage of these components in the `components` route in the +examples/sveltekit-app-template-web3 directory. + +### Balance Component + +The `Balance` component displays the balance of a specified Ethereum address. To +use the `Balance` component, import it and pass the address as a prop: + +```html + + +
Balance:
balance =