DEV Community

Freecodez
Freecodez

Posted on

1

React.js Send Button Component

Hey there, You are most welcome to this article.

React.js Send Button Component

React.js Send Button Component

For full source code visit : https://freecodez.com/post/h1s1z8j

// https://freecodez.com
const Hello = (props) => {
    return (
        <button>
            <div class="svg-wrapper-1">
                <div class="svg-wrapper">
                    <svg
                        xmlns="http://www.w3.org/2000/svg"
                        viewBox="0 0 24 24"
                        width="24"
                        height="24"
                    >
                        <path fill="none" d="M0 0h24v24H0z"></path>
                        <path
                            fill="currentColor"
                            d="M1.946 9.315c-.522-.174-.527-.455.01-.634l19.087-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.455.547-.679.045L12 14l6-8-8 6-8.054-2.685z"
                        ></path>
                    </svg>
                </div>
            </div>
            <span>Send</span>
        </button>
    );
};

Enter fullscreen mode Exit fullscreen mode

Source Code : https://freecodez.com/post/h1s1z8j

For more such articles visit : https://freecodez.com

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series