IconProps
interface IconProps extends OmitSVGProps'svg'
Properties
alignContent
alignContent?: SignalValueFlexContent
Omit.alignContentalignItems
alignItems?: SignalValueFlexItems
Omit.alignItemsalignSelf
alignSelf?: SignalValueFlexItems
Omit.alignSelfanchor
Inherited from Omit.anchoranchorX
anchorX?: SignalValuenumber
Omit.anchorXanchorY
anchorY?: SignalValuenumber
Omit.anchorYantialiased
antialiased?: SignalValueboolean
Omit.antialiasedbasis
basis?: SignalValueFlexBasis
Omit.basisbottom
The position of the bottom edge of this node.
This shortcut property will set the node's position so that the bottom edge
ends up in the given place.
If present, overrides the NodeProps.position property.
Omit.bottombottomLeft
The position of the bottom left corner of this node.
This shortcut property will set the node's position so that the bottom left
corner ends up in the given place.
If present, overrides the NodeProps.position property.
Omit.bottomLeftbottomRight
The position of the bottom right corner of this node.
This shortcut property will set the node's position so that the bottom
right corner ends up in the given place.
If present, overrides the NodeProps.position property.
Omit.bottomRightbowing
bowing?: SignalValuenumber
Controls the curve deviation from a straight line.
A value of 0 will cause lines to be perfectly straight. Higher values introduce more curvature.
Inherited fromOmit.bowingcache
cache?: SignalValueboolean
Omit.cachecachePadding
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding box
of the node and its children. That includes effects such as stroke or
shadow. This property can be used to expand the cache area further.
Usually used to account for custom effects created by shaders.
Omit.cachePaddingcachePaddingBottom
cachePaddingBottom?: SignalValuenumber
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding box
of the node and its children. That includes effects such as stroke or
shadow. This property can be used to expand the cache area further.
Usually used to account for custom effects created by shaders.
Omit.cachePaddingBottomcachePaddingLeft
cachePaddingLeft?: SignalValuenumber
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding box
of the node and its children. That includes effects such as stroke or
shadow. This property can be used to expand the cache area further.
Usually used to account for custom effects created by shaders.
Omit.cachePaddingLeftcachePaddingRight
cachePaddingRight?: SignalValuenumber
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding box
of the node and its children. That includes effects such as stroke or
shadow. This property can be used to expand the cache area further.
Usually used to account for custom effects created by shaders.
Omit.cachePaddingRightcachePaddingTop
cachePaddingTop?: SignalValuenumber
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding box
of the node and its children. That includes effects such as stroke or
shadow. This property can be used to expand the cache area further.
Usually used to account for custom effects created by shaders.
Omit.cachePaddingTopchildren
children?: SignalValueComponentChildren
Omit.childrenclip
clip?: SignalValueboolean
Omit.clipcolor
The color of the icon
Provide the color in one of the following formats:
- named color like
red,darkgray, … - hexadecimal string with # like
#bada55,#141414Value can be either RGB or RGBA:#bada55,#bada55aa(latter is partially transparent) The shorthand version (e.g.#abcfor#aabbccis also possible.)
columnGap
columnGap?: SignalValueLength
Omit.columnGapcomposite
composite?: SignalValueboolean
Omit.compositecompositeOperation
compositeOperation?: SignalValueGlobalCompositeOperation
Omit.compositeOperationdirection
direction?: SignalValueFlexDirection
Omit.directionfill
fill?: SignalValuePossibleCanvasStyle
Omit.fillfillShaders
fillShaders?: PossibleShaderConfig
Omit.fillShadersfilters
filters?: SignalValueFilter[]
Omit.filtersfontFamily
fontFamily?: SignalValuestring
Omit.fontFamilyfontSize
fontSize?: SignalValuenumber
Omit.fontSizefontStyle
fontStyle?: SignalValuestring
Omit.fontStylefontWeight
fontWeight?: SignalValuenumber
Omit.fontWeightgap
gap?: SignalValuePossibleVector2Length
Omit.gapgrow
grow?: SignalValuenumber
Omit.growheight
height?: SignalValueLength
Omit.heighticon
icon: SignalValuestring
The identifier of the icon.
You can find identifiers on Icônes. They can look like this:
mdi:language-typescriptph:anchor-simple-boldph:activity-bold
justifyContent
justifyContent?: SignalValueFlexContent
Omit.justifyContentkey
key?: string
Omit.keylayout
layout?: LayoutMode
Omit.layoutlayoutChildren
layoutChildren?: LayoutMode
Whether this node lays out its own children with flex. When null
(the default), falls back to layout.
Omit.layoutChildrenlayoutSelf
layoutSelf?: LayoutMode
Whether this node participates in its parent's flex layout. When
null (the default), falls back to layout.
Omit.layoutSelfleft
The position of the left edge of this node.
This shortcut property will set the node's position so that the left edge
ends up in the given place.
If present, overrides the NodeProps.position property.
Omit.leftletterSpacing
letterSpacing?: SignalValuenumber
Omit.letterSpacinglineCap
lineCap?: SignalValueCanvasLineCap
Omit.lineCaplineDash
lineDash?: SignalValuenumber[]
Omit.lineDashlineDashOffset
lineDashOffset?: SignalValuenumber
Omit.lineDashOffsetlineHeight
lineHeight?: SignalValueLength
Omit.lineHeightlineJoin
lineJoin?: SignalValueCanvasLineJoin
Omit.lineJoinlineWidth
lineWidth?: SignalValuenumber
Omit.lineWidthmargin
Inherited from Omit.marginmarginBottom
marginBottom?: SignalValuenumber
Omit.marginBottommarginLeft
marginLeft?: SignalValuenumber
Omit.marginLeftmarginRight
marginRight?: SignalValuenumber
Omit.marginRightmarginTop
marginTop?: SignalValuenumber
Omit.marginTopmaxHeight
maxHeight?: SignalValueLengthLimit
Omit.maxHeightmaxWidth
maxWidth?: SignalValueLengthLimit
Omit.maxWidthmiddle
The position of the center of this node.
This shortcut property will set the node's position so that the center ends
up in the given place.
If present, overrides the NodeProps.position property.
When anchor is not set, this will be the same as the
NodeProps.position.
Omit.middleminHeight
minHeight?: SignalValueLengthLimit
Omit.minHeightminWidth
minWidth?: SignalValueLengthLimit
Omit.minWidthmorpher
morpher?: PathMorpher
Omit.morpheropacity
opacity?: SignalValuenumber
Omit.opacitypadding
Inherited from Omit.paddingpaddingBottom
paddingBottom?: SignalValuenumber
Omit.paddingBottompaddingLeft
paddingLeft?: SignalValuenumber
Omit.paddingLeftpaddingRight
paddingRight?: SignalValuenumber
Omit.paddingRightpaddingTop
paddingTop?: SignalValuenumber
Omit.paddingTopposition
Inherited from Omit.positionratio
ratio?: SignalValuenumber
Omit.ratioref
ref?: ReferenceReceiverany
Omit.refright
The position of the right edge of this node.
This shortcut property will set the node's position so that the right edge
ends up in the given place.
If present, overrides the NodeProps.position property.
Omit.rightrotation
rotation?: SignalValuenumber
Omit.rotationrough
rough?: SignalValueboolean
Enable rough.js rendering.
Inherited fromOmit.roughroughDisableMultiStroke
roughDisableMultiStroke?: SignalValueboolean
Whether to disable multi-stroke rendering.
By default, Rough.js renders strokes with multiple lines for a more sketchy appearance. Set to true to use a single stroke.
Inherited fromOmit.roughDisableMultiStrokeroughDisableMultiStrokeFill
roughDisableMultiStrokeFill?: SignalValueboolean
Whether to disable multi-stroke fill.
By default, Rough.js renders fills with multiple passes. Set to true to use a single fill pass.
Inherited fromOmit.roughDisableMultiStrokeFillroughFillStyle
roughFillStyle?: SignalValueRoughFillStyle
Fill style for the shape.
Inherited fromOmit.roughFillStyleroughFillWeight
roughFillWeight?: SignalValuenumber
Thickness of the lines used for filling.
Only applicable for hachure, cross-hatch, and similar fill styles.
Inherited fromOmit.roughFillWeightroughHachureAngle
roughHachureAngle?: SignalValuenumber
Angle of the hachure lines in degrees.
Only applicable for hachure and cross-hatch fill styles.
Inherited fromOmit.roughHachureAngleroughHachureGap
roughHachureGap?: SignalValuenumber
Gap between hachure lines in pixels.
Only applicable for hachure, cross-hatch, and similar fill styles.
Inherited fromOmit.roughHachureGaproughness
roughness?: SignalValuenumber
Numerical value indicating how rough the drawing is.
A value of 0 will produce a smooth shape, while higher values introduce more irregularity. Typical range is 0-10.
Inherited fromOmit.roughnessroughSeed
roughSeed?: SignalValuenumber
Seed for the random number generator.
Using the same seed produces consistent results, which is useful for reproducible animations.
Inherited fromOmit.roughSeedrowGap
rowGap?: SignalValueLength
Omit.rowGapscale
Inherited from Omit.scalescaleX
scaleX?: SignalValuenumber
Omit.scaleXscaleY
scaleY?: SignalValuenumber
Omit.scaleYshaders
shaders?: PossibleShaderConfig
Omit.shadersshadowBlur
shadowBlur?: SignalValuenumber
Omit.shadowBlurshadowColor
Inherited from Omit.shadowColorshadowOffset
Inherited from Omit.shadowOffsetshadowOffsetX
shadowOffsetX?: SignalValuenumber
Omit.shadowOffsetXshadowOffsetY
shadowOffsetY?: SignalValuenumber
Omit.shadowOffsetYshrink
shrink?: SignalValuenumber
Omit.shrinksize
size?: SignalValuePossibleVector2Length
Omit.sizeskew
Inherited from Omit.skewskewX
skewX?: SignalValuenumber
Omit.skewXskewY
skewY?: SignalValuenumber
Omit.skewYspawner
spawner?: SignalValueComponentChildren
Deprecated
Use children instead.
Omit.spawnerstroke
stroke?: SignalValuePossibleCanvasStyle
Omit.strokestrokeFirst
strokeFirst?: SignalValueboolean
Omit.strokeFirststrokeShaders
strokeShaders?: PossibleShaderConfig
Omit.strokeShaderstextAlign
textAlign?: SignalValueTextAlign
Omit.textAligntextDirection
textDirection?: SignalValueCanvasDirection
Omit.textDirectiontextWrap
textWrap?: SignalValueTextWrap
Omit.textWraptop
The position of the top edge of this node.
This shortcut property will set the node's position so that the top edge
ends up in the given place.
If present, overrides the NodeProps.position property.
Omit.toptopLeft
The position of the top left corner of this node.
This shortcut property will set the node's position so that the top left
corner ends up in the given place.
If present, overrides the NodeProps.position property.
Omit.topLefttopRight
The position of the top right corner of this node.
This shortcut property will set the node's position so that the top right
corner ends up in the given place.
If present, overrides the NodeProps.position property.
Omit.topRighttranslate
Inherited from Omit.translatetranslateX
translateX?: SignalValuenumber
Omit.translateXtranslateY
translateY?: SignalValuenumber
Omit.translateYverticalAlign
verticalAlign?: SignalValueVerticalAlign
Omit.verticalAlignwidth
width?: SignalValueLength
Omit.widthwordBreak
wordBreak?: SignalValueWordBreak
Omit.wordBreakwrap
wrap?: SignalValueFlexWrap
Omit.wrapx
x?: SignalValuenumber
Omit.xy
y?: SignalValuenumber
Omit.yzIndex
zIndex?: SignalValuenumber
Omit.zIndex