pass props to svg

Embarrassed Echidna answered on April 13, 2022 Popularity 8/10 Helpfulness 1/10

answer pass props to svg

pass props to svg

Comment

<svg width="160" viewBox="0 0 160 120">
    <defs>
        <g id="test">
            <rect width="60" height="40"/>
        </g>
    </defs>
    
    <g transform="translate(0,20)">
        <use href="#test" fill="aqua" stroke="blue" />
        <text x="10" y="25">Name</text>
    </g>
    <g transform="translate(80,20)">
        <use href="#test" fill="orange" stroke="red" />
        <text x="10" y="25">{props.text}</text>
    </g>
    
    <text y="100">This space for rent</text>
</svg>
 Run code snippet

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript svg

Link to this answer
Share Copy Link

Contributed on Apr 13 2022

Embarrassed Echidna

0 Answers Avg Quality 2/10

pass props to svg

Contents

More Related Answers

pass props to svg

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.