SVGIntrinsicElements
Attribute maps for every SVG element, keyed by the SVG tag name.
Attribute maps for every SVG element, keyed by the SVG tag name.
Import#
ts
import type { SVGIntrinsicElements } from "@shadow-js/web";
Signature#
ts
interface SVGIntrinsicElements {
/** The SVG `<a>` element: a hyperlink around SVG graphics. */
a: ElementProps<
SVGElementTagNameMap["a"],
SVGAnchorAttributes &
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes
>;
/** The SVG `<animate>` element: an animation of one attribute over time. */
animate: VoidElementProps<
SVGElementTagNameMap["animate"],
SVGAnimationAttributes &
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes
>;
/** The SVG `<animateMotion>` element: an animation that moves an element along a path. */
animateMotion: ElementProps<
SVGElementTagNameMap["animateMotion"],
SVGAnimationAttributes &
SVGCoreAttributes & {
path?: Maybe<string>;
keyPoints?: Maybe<string>;
origin?: Maybe<string>;
rotate?: Maybe<string>;
}
>;
/** The SVG `<animateTransform>` element: an animation of a transform attribute. */
animateTransform: VoidElementProps<
SVGElementTagNameMap["animateTransform"],
SVGAnimationAttributes &
SVGCoreAttributes & { type?: Maybe<"translate" | "scale" | "rotate" | "skewX" | "skewY"> }
>;
/** The SVG `<circle>` element: a circle from a center and a radius. */
circle: ElementProps<
SVGElementTagNameMap["circle"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes &
SVGPathLengthAttributes & { cx?: SvgValue; cy?: SvgValue; r?: SvgValue }
>;
/** The SVG `<clipPath>` element: a clipping path that limits where paint applies. */
clipPath: ElementProps<
SVGElementTagNameMap["clipPath"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes & { clipPathUnits?: Maybe<SvgUnits> }
>;
/** The SVG `<defs>` element: graphical objects defined for later use, not rendered directly. */
defs: ElementProps<
SVGElementTagNameMap["defs"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes
>;
/** The SVG `<desc>` element: an accessible description of its parent. */
desc: TextElementProps<
SVGElementTagNameMap["desc"],
SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes
>;
/** The SVG `<ellipse>` element: an ellipse from a center and two radii. */
ellipse: ElementProps<
SVGElementTagNameMap["ellipse"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes &
SVGPathLengthAttributes & { cx?: SvgValue; cy?: SvgValue; rx?: SvgValue; ry?: SvgValue }
>;
/** The SVG `<feBlend>` element: a filter primitive that blends two inputs. */
feBlend: ElementProps<
SVGElementTagNameMap["feBlend"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGFilterPrimitiveAttributes & { in2?: Maybe<string>; mode?: Maybe<string> }
>;
/** The SVG `<feColorMatrix>` element: a filter primitive that transforms colors with a matrix. */
feColorMatrix: ElementProps<
SVGElementTagNameMap["feColorMatrix"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGFilterPrimitiveAttributes & {
type?: Maybe<"matrix" | "saturate" | "hueRotate" | "luminanceToAlpha">;
values?: Maybe<number | string>;
}
>;
/** The SVG `<feComponentTransfer>` element: a filter primitive that remaps each color channel. */
feComponentTransfer: ElementProps<
SVGElementTagNameMap["feComponentTransfer"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGFilterPrimitiveAttributes
>;
/** The SVG `<feComposite>` element: a filter primitive that combines two inputs with a Porter-Duff operation. */
feComposite: ElementProps<
SVGElementTagNameMap["feComposite"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGFilterPrimitiveAttributes & {
in2?: Maybe<string>;
k1?: Maybe<number | string>;
k2?: Maybe<number | string>;
k3?: Maybe<number | string>;
k4?: Maybe<number | string>;
operator?: Maybe<"over" | "in" | "out" | "atop" | "xor" | "arithmetic">;
}
>;
/** The SVG `<feConvolveMatrix>` element: a filter primitive that applies a convolution matrix. */
feConvolveMatrix: ElementProps<
SVGElementTagNameMap["feConvolveMatrix"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGFilterPrimitiveAttributes & {
bias?: Maybe<number | string>;
divisor?: Maybe<number | string>;
edgeMode?: Maybe<"duplicate" | "wrap" | "none">;
kernelMatrix?: Maybe<string>;
kernelUnitLength?: SvgValue;
order?: Maybe<number | string>;
preserveAlpha?: Maybe<"true" | "false">;
targetX?: Maybe<number | string>;
targetY?: Maybe<number | string>;
}
>;
/** The SVG `<feDiffuseLighting>` element: a filter primitive that lights an image with diffuse lighting. */
feDiffuseLighting: ElementProps<
SVGElementTagNameMap["feDiffuseLighting"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGLightingAttributes & {
diffuseConstant?: Maybe<number | string>;
surfaceScale?: Maybe<number | string>;
}
>;
/** The SVG `<feDisplacementMap>` element: a filter primitive that displaces pixels using a second input. */
feDisplacementMap: ElementProps<
SVGElementTagNameMap["feDisplacementMap"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGFilterPrimitiveAttributes & {
in2?: Maybe<string>;
scale?: Maybe<number | string>;
xChannelSelector?: Maybe<"R" | "G" | "B" | "A">;
yChannelSelector?: Maybe<"R" | "G" | "B" | "A">;
}
>;
/** The SVG `<feDistantLight>` element: a distant light source for a lighting filter. */
feDistantLight: ElementProps<
SVGElementTagNameMap["feDistantLight"],
SVGCoreAttributes & { azimuth?: Maybe<number | string>; elevation?: Maybe<number | string> }
>;
/** The SVG `<feDropShadow>` element: a filter primitive that draws a drop shadow. */
feDropShadow: ElementProps<
SVGElementTagNameMap["feDropShadow"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGFilterPrimitiveAttributes & {
dx?: Maybe<number | string>;
dy?: Maybe<number | string>;
stdDeviation?: Maybe<number | string>;
}
>;
/** The SVG `<feFlood>` element: a filter primitive that fills the region with a color. */
feFlood: ElementProps<
SVGElementTagNameMap["feFlood"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGFilterPrimitiveAttributes
>;
/** The SVG `<feFuncA>` element: the alpha transfer function of feComponentTransfer. */
feFuncA: ElementProps<
SVGElementTagNameMap["feFuncA"],
SVGCoreAttributes & SVGTransferFunctionAttributes
>;
/** The SVG `<feFuncB>` element: the blue transfer function of feComponentTransfer. */
feFuncB: ElementProps<
SVGElementTagNameMap["feFuncB"],
SVGCoreAttributes & SVGTransferFunctionAttributes
>;
/** The SVG `<feFuncG>` element: the green transfer function of feComponentTransfer. */
feFuncG: ElementProps<
SVGElementTagNameMap["feFuncG"],
SVGCoreAttributes & SVGTransferFunctionAttributes
>;
/** The SVG `<feFuncR>` element: the red transfer function of feComponentTransfer. */
feFuncR: ElementProps<
SVGElementTagNameMap["feFuncR"],
SVGCoreAttributes & SVGTransferFunctionAttributes
>;
/** The SVG `<feGaussianBlur>` element: a filter primitive that applies a Gaussian blur. */
feGaussianBlur: ElementProps<
SVGElementTagNameMap["feGaussianBlur"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGFilterPrimitiveAttributes & {
edgeMode?: Maybe<"duplicate" | "wrap" | "none">;
stdDeviation?: Maybe<number | string>;
}
>;
/** The SVG `<feImage>` element: a filter primitive that renders an external image. */
feImage: ElementProps<
SVGElementTagNameMap["feImage"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGFilterPrimitiveAttributes &
SVGHrefAttributes & {
crossorigin?: Maybe<"anonymous" | "use-credentials" | "">;
} & SVGViewportAttributes
>;
/** The SVG `<feMerge>` element: a filter primitive that layers several inputs. */
feMerge: ElementProps<
SVGElementTagNameMap["feMerge"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGFilterPrimitiveAttributes
>;
/** The SVG `<feMergeNode>` element: one input layer of feMerge. */
feMergeNode: ElementProps<
SVGElementTagNameMap["feMergeNode"],
SVGCoreAttributes & { in?: Maybe<string> }
>;
/** The SVG `<feMorphology>` element: a filter primitive that erodes or dilates its input. */
feMorphology: ElementProps<
SVGElementTagNameMap["feMorphology"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGFilterPrimitiveAttributes & {
operator?: Maybe<"erode" | "dilate">;
radius?: Maybe<number | string>;
}
>;
/** The SVG `<feOffset>` element: a filter primitive that offsets its input. */
feOffset: ElementProps<
SVGElementTagNameMap["feOffset"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGFilterPrimitiveAttributes & { dx?: Maybe<number | string>; dy?: Maybe<number | string> }
>;
/** The SVG `<fePointLight>` element: a point light source for a lighting filter. */
fePointLight: ElementProps<
SVGElementTagNameMap["fePointLight"],
SVGCoreAttributes & {
x?: Maybe<number | string>;
y?: Maybe<number | string>;
z?: Maybe<number | string>;
}
>;
/** The SVG `<feSpecularLighting>` element: a filter primitive that lights an image with specular lighting. */
feSpecularLighting: ElementProps<
SVGElementTagNameMap["feSpecularLighting"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGLightingAttributes & {
specularConstant?: Maybe<number | string>;
specularExponent?: Maybe<number | string>;
surfaceScale?: Maybe<number | string>;
}
>;
/** The SVG `<feSpotLight>` element: a spot light source for a lighting filter. */
feSpotLight: ElementProps<
SVGElementTagNameMap["feSpotLight"],
SVGCoreAttributes & {
limitingConeAngle?: Maybe<number | string>;
pointsAtX?: Maybe<number | string>;
pointsAtY?: Maybe<number | string>;
pointsAtZ?: Maybe<number | string>;
specularExponent?: Maybe<number | string>;
x?: Maybe<number | string>;
y?: Maybe<number | string>;
z?: Maybe<number | string>;
}
>;
/** The SVG `<feTile>` element: a filter primitive that tiles its input. */
feTile: ElementProps<
SVGElementTagNameMap["feTile"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGFilterPrimitiveAttributes
>;
/** The SVG `<feTurbulence>` element: a filter primitive that generates Perlin turbulence noise. */
feTurbulence: ElementProps<
SVGElementTagNameMap["feTurbulence"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGFilterPrimitiveAttributes & {
baseFrequency?: Maybe<number | string>;
numOctaves?: Maybe<number | string>;
seed?: Maybe<number | string>;
stitchTiles?: Maybe<"stitch" | "noStitch">;
type?: Maybe<"fractalNoise" | "turbulence">;
}
>;
/** The SVG `<filter>` element: a filter effect made of filter primitives. */
filter: ElementProps<
SVGElementTagNameMap["filter"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGHrefAttributes &
SVGBoxAttributes & { filterUnits?: Maybe<SvgUnits>; primitiveUnits?: Maybe<SvgUnits> }
>;
/** The SVG `<foreignObject>` element: a region that contains content from another namespace, such as HTML. */
foreignObject: ElementProps<
SVGElementTagNameMap["foreignObject"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes &
SVGBoxAttributes
>;
/** The SVG `<g>` element: a group of SVG elements. */
g: ElementProps<
SVGElementTagNameMap["g"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes
>;
/** The SVG `<image>` element: a raster or SVG image. */
image: ElementProps<
SVGElementTagNameMap["image"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes &
SVGImageAttributes
>;
/** The SVG `<line>` element: a straight line between two points. */
line: ElementProps<
SVGElementTagNameMap["line"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes &
SVGPathLengthAttributes & { x1?: SvgValue; x2?: SvgValue; y1?: SvgValue; y2?: SvgValue }
>;
/** The SVG `<linearGradient>` element: a linear gradient paint server. */
linearGradient: ElementProps<
SVGElementTagNameMap["linearGradient"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGradientAttributes & { x1?: SvgValue; x2?: SvgValue; y1?: SvgValue; y2?: SvgValue }
>;
/** The SVG `<marker>` element: a graphic drawn at the vertices of a path, line or polyline. */
marker: ElementProps<
SVGElementTagNameMap["marker"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGViewportAttributes & {
markerHeight?: SvgValue;
markerUnits?: Maybe<"strokeWidth" | "userSpaceOnUse">;
markerWidth?: SvgValue;
orient?: Maybe<string>;
refX?: SvgValue;
refY?: SvgValue;
}
>;
/** The SVG `<mask>` element: a mask that sets the transparency of what it applies to. */
mask: ElementProps<
SVGElementTagNameMap["mask"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGBoxAttributes & { maskContentUnits?: Maybe<SvgUnits>; maskUnits?: Maybe<SvgUnits> }
>;
/** The SVG `<metadata>` element: metadata about the SVG content. */
metadata: ElementProps<SVGElementTagNameMap["metadata"], SVGCoreAttributes>;
/** The SVG `<mpath>` element: a reference to the path an animateMotion follows. */
mpath: VoidElementProps<SVGElementTagNameMap["mpath"], SVGCoreAttributes & SVGHrefAttributes>;
/** The SVG `<path>` element: a shape drawn from path commands. */
path: ElementProps<
SVGElementTagNameMap["path"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes &
SVGPathLengthAttributes & { d?: Maybe<string> }
>;
/** The SVG `<pattern>` element: a tiled pattern paint server. */
pattern: ElementProps<
SVGElementTagNameMap["pattern"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGBoxAttributes &
SVGViewportAttributes &
SVGHrefAttributes & {
patternContentUnits?: Maybe<SvgUnits>;
patternTransform?: Maybe<string>;
patternUnits?: Maybe<SvgUnits>;
}
>;
/** The SVG `<polygon>` element: a closed shape of straight line segments. */
polygon: ElementProps<
SVGElementTagNameMap["polygon"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes &
SVGPathLengthAttributes & { points?: Maybe<string> }
>;
/** The SVG `<polyline>` element: an open shape of straight line segments. */
polyline: ElementProps<
SVGElementTagNameMap["polyline"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes &
SVGPathLengthAttributes & { points?: Maybe<string> }
>;
/** The SVG `<radialGradient>` element: a radial gradient paint server. */
radialGradient: ElementProps<
SVGElementTagNameMap["radialGradient"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGradientAttributes & {
cx?: SvgValue;
cy?: SvgValue;
fr?: SvgValue;
fx?: SvgValue;
fy?: SvgValue;
r?: SvgValue;
}
>;
/** The SVG `<rect>` element: a rectangle, optionally with rounded corners. */
rect: ElementProps<
SVGElementTagNameMap["rect"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes &
SVGPathLengthAttributes &
SVGBoxAttributes & { rx?: SvgValue; ry?: SvgValue }
>;
/** The SVG `<script>` element: a script inside SVG content. */
script: TextElementProps<
SVGElementTagNameMap["script"],
SVGCoreAttributes &
SVGHrefAttributes & {
crossorigin?: Maybe<"anonymous" | "use-credentials" | "">;
type?: Maybe<string>;
}
>;
/** The SVG `<set>` element: an animation that sets an attribute to a value for a duration. */
set: VoidElementProps<SVGElementTagNameMap["set"], SVGCoreAttributes & SVGAnimationAttributes>;
/** The SVG `<stop>` element: a color stop of a gradient. */
stop: ElementProps<
SVGElementTagNameMap["stop"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes & { offset?: Maybe<number | string> }
>;
/** The SVG `<style>` element: a stylesheet inside SVG content. */
style: TextElementProps<
SVGElementTagNameMap["style"],
SVGCoreAttributes & { media?: Maybe<string>; title?: Maybe<string>; type?: Maybe<string> }
>;
/** The SVG `<svg>` element: an SVG document fragment, the root of SVG content. */
svg: WindowElementProps<
SVGElementTagNameMap["svg"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGRootAttributes
>;
/** The SVG `<switch>` element: a choice that renders its first child whose conditions match. */
switch: ElementProps<
SVGElementTagNameMap["switch"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes
>;
/** The SVG `<symbol>` element: a reusable graphic, rendered only through use. */
symbol: ElementProps<
SVGElementTagNameMap["symbol"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGBoxAttributes &
SVGViewportAttributes & { refX?: SvgValue; refY?: SvgValue }
>;
/** The SVG `<text>` element: a run of SVG text. */
text: ElementProps<
SVGElementTagNameMap["text"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes &
SVGTextPositionAttributes
>;
/** The SVG `<textPath>` element: text laid out along a path. */
textPath: ElementProps<
SVGElementTagNameMap["textPath"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGHrefAttributes & {
lengthAdjust?: Maybe<"spacing" | "spacingAndGlyphs">;
method?: Maybe<"align" | "stretch">;
side?: Maybe<"left" | "right">;
spacing?: Maybe<"auto" | "exact">;
startOffset?: SvgValue;
textLength?: SvgValue;
}
>;
/** The SVG `<title>` element: an accessible name for its parent, often shown as a tooltip. */
title: TextElementProps<
SVGElementTagNameMap["title"],
SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes
>;
/** The SVG `<tspan>` element: a sub-run of text inside text. */
tspan: ElementProps<
SVGElementTagNameMap["tspan"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGTextPositionAttributes
>;
/** The SVG `<use>` element: a copy of another SVG element, by reference. */
use: ElementProps<
SVGElementTagNameMap["use"],
SVGCoreAttributes &
SVGPresentationAttributes &
SVGReactPresentationAttributes &
SVGGraphicsAttributes &
SVGHrefAttributes &
SVGBoxAttributes
>;
/** The SVG `<view>` element: a named view of the SVG content, for linking. */
view: ElementProps<
SVGElementTagNameMap["view"],
SVGCoreAttributes & SVGViewportAttributes & { zoomAndPan?: Maybe<"disable" | "magnify"> }
>;
}
Members#
| Name | Type | Description |
|---|---|---|
a |
a: ElementProps< SVGElementTagNameMap["a"], SVGAnchorAttributes & SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes > |
The SVG <a> element: a hyperlink around SVG graphics. |
animate |
animate: VoidElementProps< SVGElementTagNameMap["animate"], SVGAnimationAttributes & SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes > |
The SVG <animate> element: an animation of one attribute over time. |
animateMotion |
animateMotion: ElementProps< SVGElementTagNameMap["animateMotion"], SVGAnimationAttributes & SVGCoreAttributes & { path?: Maybe<string>; keyPoints?: Maybe<string>; origin?: Maybe<string>; rotate?: Maybe<string>; } > |
The SVG <animateMotion> element: an animation that moves an element along a path. |
animateTransform |
animateTransform: VoidElementProps< SVGElementTagNameMap["animateTransform"], SVGAnimationAttributes & SVGCoreAttributes & { type?: Maybe<"translate" | "scale" | "rotate" | "skewX" | "skewY"> } > |
The SVG <animateTransform> element: an animation of a transform attribute. |
circle |
circle: ElementProps< SVGElementTagNameMap["circle"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGPathLengthAttributes & { cx?: SvgValue; cy?: SvgValue; r?: SvgValue } > |
The SVG <circle> element: a circle from a center and a radius. |
clipPath |
clipPath: ElementProps< SVGElementTagNameMap["clipPath"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & { clipPathUnits?: Maybe<SvgUnits> } > |
The SVG <clipPath> element: a clipping path that limits where paint applies. |
defs |
defs: ElementProps< SVGElementTagNameMap["defs"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes > |
The SVG <defs> element: graphical objects defined for later use, not rendered directly. |
desc |
desc: TextElementProps< SVGElementTagNameMap["desc"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes > |
The SVG <desc> element: an accessible description of its parent. |
ellipse |
ellipse: ElementProps< SVGElementTagNameMap["ellipse"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGPathLengthAttributes & { cx?: SvgValue; cy?: SvgValue; rx?: SvgValue; ry?: SvgValue } > |
The SVG <ellipse> element: an ellipse from a center and two radii. |
feBlend |
feBlend: ElementProps< SVGElementTagNameMap["feBlend"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { in2?: Maybe<string>; mode?: Maybe<string> } > |
The SVG <feBlend> element: a filter primitive that blends two inputs. |
feColorMatrix |
feColorMatrix: ElementProps< SVGElementTagNameMap["feColorMatrix"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { type?: Maybe<"matrix" | "saturate" | "hueRotate" | "luminanceToAlpha">; values?: Maybe<number | string>; } > |
The SVG <feColorMatrix> element: a filter primitive that transforms colors with a matrix. |
feComponentTransfer |
feComponentTransfer: ElementProps< SVGElementTagNameMap["feComponentTransfer"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes > |
The SVG <feComponentTransfer> element: a filter primitive that remaps each color channel. |
feComposite |
feComposite: ElementProps< SVGElementTagNameMap["feComposite"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { in2?: Maybe<string>; k1?: Maybe<number | string>; k2?: Maybe<number | string>; k3?: Maybe<number | string>; k4?: Maybe<number | string>; operator?: Maybe<"over" | "in" | "out" | "atop" | "xor" | "arithmetic">; } > |
The SVG <feComposite> element: a filter primitive that combines two inputs with a Porter-Duff operation. |
feConvolveMatrix |
feConvolveMatrix: ElementProps< SVGElementTagNameMap["feConvolveMatrix"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { bias?: Maybe<number | string>; divisor?: Maybe<number | string>; edgeMode?: Maybe<"duplicate" | "wrap" | "none">; kernelMatrix?: Maybe<string>; kernelUnitLength?: SvgValue; order?: Maybe<number | string>; preserveAlpha?: Maybe<"true" | "false">; targetX?: Maybe<number | string>; targetY?: Maybe<number | string>; } > |
The SVG <feConvolveMatrix> element: a filter primitive that applies a convolution matrix. |
feDiffuseLighting |
feDiffuseLighting: ElementProps< SVGElementTagNameMap["feDiffuseLighting"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGLightingAttributes & { diffuseConstant?: Maybe<number | string>; surfaceScale?: Maybe<number | string>; } > |
The SVG <feDiffuseLighting> element: a filter primitive that lights an image with diffuse lighting. |
feDisplacementMap |
feDisplacementMap: ElementProps< SVGElementTagNameMap["feDisplacementMap"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { in2?: Maybe<string>; scale?: Maybe<number | string>; xChannelSelector?: Maybe<"R" | "G" | "B" | "A">; yChannelSelector?: Maybe<"R" | "G" | "B" | "A">; } > |
The SVG <feDisplacementMap> element: a filter primitive that displaces pixels using a second input. |
feDistantLight |
feDistantLight: ElementProps< SVGElementTagNameMap["feDistantLight"], SVGCoreAttributes & { azimuth?: Maybe<number | string>; elevation?: Maybe<number | string> } > |
The SVG <feDistantLight> element: a distant light source for a lighting filter. |
feDropShadow |
feDropShadow: ElementProps< SVGElementTagNameMap["feDropShadow"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { dx?: Maybe<number | string>; dy?: Maybe<number | string>; stdDeviation?: Maybe<number | string>; } > |
The SVG <feDropShadow> element: a filter primitive that draws a drop shadow. |
feFlood |
feFlood: ElementProps< SVGElementTagNameMap["feFlood"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes > |
The SVG <feFlood> element: a filter primitive that fills the region with a color. |
feFuncA |
feFuncA: ElementProps< SVGElementTagNameMap["feFuncA"], SVGCoreAttributes & SVGTransferFunctionAttributes > |
The SVG <feFuncA> element: the alpha transfer function of feComponentTransfer. |
feFuncB |
feFuncB: ElementProps< SVGElementTagNameMap["feFuncB"], SVGCoreAttributes & SVGTransferFunctionAttributes > |
The SVG <feFuncB> element: the blue transfer function of feComponentTransfer. |
feFuncG |
feFuncG: ElementProps< SVGElementTagNameMap["feFuncG"], SVGCoreAttributes & SVGTransferFunctionAttributes > |
The SVG <feFuncG> element: the green transfer function of feComponentTransfer. |
feFuncR |
feFuncR: ElementProps< SVGElementTagNameMap["feFuncR"], SVGCoreAttributes & SVGTransferFunctionAttributes > |
The SVG <feFuncR> element: the red transfer function of feComponentTransfer. |
feGaussianBlur |
feGaussianBlur: ElementProps< SVGElementTagNameMap["feGaussianBlur"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { edgeMode?: Maybe<"duplicate" | "wrap" | "none">; stdDeviation?: Maybe<number | string>; } > |
The SVG <feGaussianBlur> element: a filter primitive that applies a Gaussian blur. |
feImage |
feImage: ElementProps< SVGElementTagNameMap["feImage"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & SVGHrefAttributes & { crossorigin?: Maybe<"anonymous" | "use-credentials" | "">; } & SVGViewportAttributes > |
The SVG <feImage> element: a filter primitive that renders an external image. |
feMerge |
feMerge: ElementProps< SVGElementTagNameMap["feMerge"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes > |
The SVG <feMerge> element: a filter primitive that layers several inputs. |
feMergeNode |
feMergeNode: ElementProps< SVGElementTagNameMap["feMergeNode"], SVGCoreAttributes & { in?: Maybe<string> } > |
The SVG <feMergeNode> element: one input layer of feMerge. |
feMorphology |
feMorphology: ElementProps< SVGElementTagNameMap["feMorphology"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { operator?: Maybe<"erode" | "dilate">; radius?: Maybe<number | string>; } > |
The SVG <feMorphology> element: a filter primitive that erodes or dilates its input. |
feOffset |
feOffset: ElementProps< SVGElementTagNameMap["feOffset"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { dx?: Maybe<number | string>; dy?: Maybe<number | string> } > |
The SVG <feOffset> element: a filter primitive that offsets its input. |
fePointLight |
fePointLight: ElementProps< SVGElementTagNameMap["fePointLight"], SVGCoreAttributes & { x?: Maybe<number | string>; y?: Maybe<number | string>; z?: Maybe<number | string>; } > |
The SVG <fePointLight> element: a point light source for a lighting filter. |
feSpecularLighting |
feSpecularLighting: ElementProps< SVGElementTagNameMap["feSpecularLighting"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGLightingAttributes & { specularConstant?: Maybe<number | string>; specularExponent?: Maybe<number | string>; surfaceScale?: Maybe<number | string>; } > |
The SVG <feSpecularLighting> element: a filter primitive that lights an image with specular lighting. |
feSpotLight |
feSpotLight: ElementProps< SVGElementTagNameMap["feSpotLight"], SVGCoreAttributes & { limitingConeAngle?: Maybe<number | string>; pointsAtX?: Maybe<number | string>; pointsAtY?: Maybe<number | string>; pointsAtZ?: Maybe<number | string>; specularExponent?: Maybe<number | string>; x?: Maybe<number | string>; y?: Maybe<number | string>; z?: Maybe<number | string>; } > |
The SVG <feSpotLight> element: a spot light source for a lighting filter. |
feTile |
feTile: ElementProps< SVGElementTagNameMap["feTile"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes > |
The SVG <feTile> element: a filter primitive that tiles its input. |
feTurbulence |
feTurbulence: ElementProps< SVGElementTagNameMap["feTurbulence"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { baseFrequency?: Maybe<number | string>; numOctaves?: Maybe<number | string>; seed?: Maybe<number | string>; stitchTiles?: Maybe<"stitch" | "noStitch">; type?: Maybe<"fractalNoise" | "turbulence">; } > |
The SVG <feTurbulence> element: a filter primitive that generates Perlin turbulence noise. |
filter |
filter: ElementProps< SVGElementTagNameMap["filter"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGHrefAttributes & SVGBoxAttributes & { filterUnits?: Maybe<SvgUnits>; primitiveUnits?: Maybe<SvgUnits> } > |
The SVG <filter> element: a filter effect made of filter primitives. |
foreignObject |
foreignObject: ElementProps< SVGElementTagNameMap["foreignObject"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGBoxAttributes > |
The SVG <foreignObject> element: a region that contains content from another namespace, such as HTML. |
g |
g: ElementProps< SVGElementTagNameMap["g"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes > |
The SVG <g> element: a group of SVG elements. |
image |
image: ElementProps< SVGElementTagNameMap["image"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGImageAttributes > |
The SVG <image> element: a raster or SVG image. |
line |
line: ElementProps< SVGElementTagNameMap["line"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGPathLengthAttributes & { x1?: SvgValue; x2?: SvgValue; y1?: SvgValue; y2?: SvgValue } > |
The SVG <line> element: a straight line between two points. |
linearGradient |
linearGradient: ElementProps< SVGElementTagNameMap["linearGradient"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGradientAttributes & { x1?: SvgValue; x2?: SvgValue; y1?: SvgValue; y2?: SvgValue } > |
The SVG <linearGradient> element: a linear gradient paint server. |
marker |
marker: ElementProps< SVGElementTagNameMap["marker"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGViewportAttributes & { markerHeight?: SvgValue; markerUnits?: Maybe<"strokeWidth" | "userSpaceOnUse">; markerWidth?: SvgValue; orient?: Maybe<string>; refX?: SvgValue; refY?: SvgValue; } > |
The SVG <marker> element: a graphic drawn at the vertices of a path, line or polyline. |
mask |
mask: ElementProps< SVGElementTagNameMap["mask"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGBoxAttributes & { maskContentUnits?: Maybe<SvgUnits>; maskUnits?: Maybe<SvgUnits> } > |
The SVG <mask> element: a mask that sets the transparency of what it applies to. |
metadata |
metadata: ElementProps<SVGElementTagNameMap["metadata"], SVGCoreAttributes> |
The SVG <metadata> element: metadata about the SVG content. |
mpath |
mpath: VoidElementProps<SVGElementTagNameMap["mpath"], SVGCoreAttributes & SVGHrefAttributes> |
The SVG <mpath> element: a reference to the path an animateMotion follows. |
path |
path: ElementProps< SVGElementTagNameMap["path"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGPathLengthAttributes & { d?: Maybe<string> } > |
The SVG <path> element: a shape drawn from path commands. |
pattern |
pattern: ElementProps< SVGElementTagNameMap["pattern"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGBoxAttributes & SVGViewportAttributes & SVGHrefAttributes & { patternContentUnits?: Maybe<SvgUnits>; patternTransform?: Maybe<string>; patternUnits?: Maybe<SvgUnits>; } > |
The SVG <pattern> element: a tiled pattern paint server. |
polygon |
polygon: ElementProps< SVGElementTagNameMap["polygon"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGPathLengthAttributes & { points?: Maybe<string> } > |
The SVG <polygon> element: a closed shape of straight line segments. |
polyline |
polyline: ElementProps< SVGElementTagNameMap["polyline"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGPathLengthAttributes & { points?: Maybe<string> } > |
The SVG <polyline> element: an open shape of straight line segments. |
radialGradient |
radialGradient: ElementProps< SVGElementTagNameMap["radialGradient"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGradientAttributes & { cx?: SvgValue; cy?: SvgValue; fr?: SvgValue; fx?: SvgValue; fy?: SvgValue; r?: SvgValue; } > |
The SVG <radialGradient> element: a radial gradient paint server. |
rect |
rect: ElementProps< SVGElementTagNameMap["rect"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGPathLengthAttributes & SVGBoxAttributes & { rx?: SvgValue; ry?: SvgValue } > |
The SVG <rect> element: a rectangle, optionally with rounded corners. |
script |
script: TextElementProps< SVGElementTagNameMap["script"], SVGCoreAttributes & SVGHrefAttributes & { crossorigin?: Maybe<"anonymous" | "use-credentials" | "">; type?: Maybe<string>; } > |
The SVG <script> element: a script inside SVG content. |
set |
set: VoidElementProps<SVGElementTagNameMap["set"], SVGCoreAttributes & SVGAnimationAttributes> |
The SVG <set> element: an animation that sets an attribute to a value for a duration. |
stop |
stop: ElementProps< SVGElementTagNameMap["stop"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & { offset?: Maybe<number | string> } > |
The SVG <stop> element: a color stop of a gradient. |
style |
style: TextElementProps< SVGElementTagNameMap["style"], SVGCoreAttributes & { media?: Maybe<string>; title?: Maybe<string>; type?: Maybe<string> } > |
The SVG <style> element: a stylesheet inside SVG content. |
svg |
svg: WindowElementProps< SVGElementTagNameMap["svg"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGRootAttributes > |
The SVG <svg> element: an SVG document fragment, the root of SVG content. |
switch |
switch: ElementProps< SVGElementTagNameMap["switch"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes > |
The SVG <switch> element: a choice that renders its first child whose conditions match. |
symbol |
symbol: ElementProps< SVGElementTagNameMap["symbol"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGBoxAttributes & SVGViewportAttributes & { refX?: SvgValue; refY?: SvgValue } > |
The SVG <symbol> element: a reusable graphic, rendered only through use. |
text |
text: ElementProps< SVGElementTagNameMap["text"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGTextPositionAttributes > |
The SVG <text> element: a run of SVG text. |
textPath |
textPath: ElementProps< SVGElementTagNameMap["textPath"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGHrefAttributes & { lengthAdjust?: Maybe<"spacing" | "spacingAndGlyphs">; method?: Maybe<"align" | "stretch">; side?: Maybe<"left" | "right">; spacing?: Maybe<"auto" | "exact">; startOffset?: SvgValue; textLength?: SvgValue; } > |
The SVG <textPath> element: text laid out along a path. |
title |
title: TextElementProps< SVGElementTagNameMap["title"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes > |
The SVG <title> element: an accessible name for its parent, often shown as a tooltip. |
tspan |
tspan: ElementProps< SVGElementTagNameMap["tspan"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGTextPositionAttributes > |
The SVG <tspan> element: a sub-run of text inside text. |
use |
use: ElementProps< SVGElementTagNameMap["use"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGHrefAttributes & SVGBoxAttributes > |
The SVG <use> element: a copy of another SVG element, by reference. |
view |
view: ElementProps< SVGElementTagNameMap["view"], SVGCoreAttributes & SVGViewportAttributes & { zoomAndPan?: Maybe<"disable" | "magnify"> } > |
The SVG <view> element: a named view of the SVG content, for linking. |