Overveiw

The editor bellow is a live editor for reactjs media in here you can write any valid react or js or jsx syntax and all reactjs-media components are imported for you so you just have to use the and test what different features do.

Editor

Live Editor

function Test(params) { return ( <div style={{ textAlign: "center", }} > <div style={{ width: 60, margin: "auto", textAlign: "center", }} > <Image src="/img/reactjs-media.png" alt="reactjs media logo" type="image/png" className="img" download /> </div> <h3> Edit the <code>Test</code> component </h3> </div> ); }

function Test(params) {
    return (
        <div
            style={{
                textAlign: "center",
            }}
        >
            <div
                style={{
                    width: 60,
                    margin: "auto",
                    textAlign: "center",
                }}
            >
                <Image
                    src="/img/reactjs-media.png"
                    alt="reactjs media logo"
                    type="image/png"
                    className="img"
                    download
                />
            </div>
            <h3>
                Edit the <code>Test</code> component
            </h3>
        </div>
    );
}

Result

Edit the Test component