<h2>Overview:</h2>
<p>The Gatsby and Digital Garden set of packages offer tools to create a digital garden utilizing Gatsby. These packages include features like exporting Roam Research databases, transforming brackets and parenthesis into links, managing pages, and extracting references between markdown nodes. The Gatsby theme, gatsby-theme-garden, bundles all these packages together for an efficient digital garden creation process.</p>
<h2>Features:</h2>
<ul>
<li><strong>fetch-roamresearch:</strong> Export and download Roam Research databases.</li>
<li><strong>gatsby-source-roamresearch:</strong> Source plugin for pulling data into Gatsby from Roam Research.</li>
<li><strong>gatsby-remark-double-brackets-link:</strong> Transform [[page]] into a proper link.</li>
<li><strong>gatsby-remark-double-parenthesis-link:</strong> Transform ((page)) into a proper link.</li>
<li><strong>react-stacked-pages-hook:</strong> Manage a stack of pages in Gatsby.</li>
<li><strong>gatsby-transformer-markdown-references:</strong> Extract references between markdown nodes.</li>
<li><strong>gatsby-theme-garden:</strong> A comprehensive Gatsby theme bundling all the above packages.</li>
</ul>


<h2>Overview</h2>
<p>The React Progress Button is a versatile component designed to enhance user interactions in web applications by providing visual feedback during operations such as data fetching or form submissions. This circular progress button skillfully transitions through various states, updating the user based on the success or failure of the action being performed. Its elegant design not only captures user attention but also makes for a seamless experience in any project.</p>
<p>The component caters to developers' needs with a straightforward API and customizable features, enabling effortless integration into existing applications. Whether you are managing button states through props or utilizing built-in promise handling, the React Progress Button is a thoughtful addition that saves both time and coding effort while ensuring your UI remains dynamic and responsive.</p>
<h2>Features</h2>
<ul>
<li><strong>Controlled State</strong>: Allows you to control the button's state by passing <code>props.state</code> and <code>props.onClick</code>, or it can be unmanaged to handle state with promises automatically.</li>
<li><strong>Namespace Customization</strong>: The CSS class namespace is customizable. By default, it uses 'pb-', which can be altered to suit your styling preferences.</li>
<li><strong>Dynamic Success/Error Handling</strong>: Automatically manages transitions to success or error states based on the outcome of a promise, simplifying user feedback.</li>
<li><strong>Custom Duration Settings</strong>: Offers adjustable durations for both success and error states, allowing enhanced control over user experience with defaults set for quick transitions.</li>
<li><strong>Callback Functions</strong>: Supports callback functions for success and error states, enabling you to implement custom logic when the button changes state.</li>
<li><strong>Loading State Functionality</strong>: You can easily transition the button into a loading state with the <code>loading()</code> method, ensuring users are aware of ongoing processes.</li>
<li><strong>Styling Flexibility</strong>: The component can be styled through an external CSS file, or you can create a theme that matches your application’s design effortlessly.</li>
<li><strong>License</strong>: Released under the MIT License, which allows for wide usage and modification in both personal and commercial projects.</li>
</ul>


Mathieudutour

Gatsby Digital Garden

React Progress Button