stevej2608 / dash-svg Goto Github PK

The Circle component does not accept the attribute filter. I guess this issue applies not only to Circle but all other Elemnts, haven't tested that tough.

TypeError: The `dash_svg.Circle` component (version 0.0.12) received an unexpected keyword argument: `filter`

I see that width is not a supported attribute of the Rect component in your library.

TypeError: The `dash_svg.Rect` component (version 0.0.8) received an unexpected keyword argument: `width`
Allowed arguments: aria-*, children, className, clipPath, colorInterpolation, colorRendering, data-*, fill, fillOpacity, id, key, loading_state, markerEnd, markerMid, markerStart, mask, n_clicks, n_clicks_timestamp, opacity, paintOrder, pathLength, pointerEvents, requiredFeatures, role, rx, ry, shapeRendering, stroke, strokeDasharray, strokeDashoffset, strokeLinejoin, strokeMiterlimit, strokeOpacity, strokeWidth, systemLanguage, vectorEffect, visibility, x, y

Is there an attribute for this functionality I'm overlooking? For reference, this is the traditional SVG code I'm attempting to replicate:

<rect x="30" y="25.5" width="200" height="400" fill="#000000" stroke="#ff8000" pointer-events="all" />

Is the generated API documented anywhere? This would be useful for documenting particular version (if https://developer.mozilla.org changes), as well as documenting the expected parameters.

Guessing valid parameters from the SVG documentation is not always straightforward (for instance Ellipse accepts x and y in addition to the svg-style cx and cy). It also wasn't clear to me when starting out whether all parameters expect strings or if python types would work too (eg if Polygon would accept a list of points like [(0,0), (0,1),...]

Many thanks for your nice work.
I just really don't know how to make this code using dash-svg.
Please let me know bro...
""
//< svg id="circle">
// < a xlink:href="https://www.google.com" style="cursor: pointer" target="_blank">
// < circle cx="125" cy="70" r="60" stroke="darkblue" stroke-width="3" fill="green" />
// < /a>
///< svg>
"""

stroke-width stroke-linecap stroke-linejoin attributes required