Skip to content

v3.0.0

Choose a tag to compare

@insin insin released this 30 Apr 18:10
· 20 commits to master since this release

The @chantastic version: https://twitter.com/chantastic/status/1255876771188109312

Breaking Change: attributes are now only transformed for host elements (any JSX element with a lowercase tag name)

Added support for the following attribute transformations (based on https://github.com/facebook/react/blob/master/packages/react-dom/src/shared/possibleStandardNames.js):

HTML

  • accept-charsetacceptCharset
  • accesskeyaccessKey
  • allowfullscreenallowFullScreen
  • autocapitalizeautoCapitalize
  • autocompleteautoComplete
  • autocorrectautoCorrect
  • autofocusautoFocus
  • autoplayautoPlay
  • autosaveautoSave
  • cellpaddingcellPadding
  • cellspacingcellSpacing
  • charsetcharSet
  • classidclassID
  • colspancolSpan
  • contenteditablecontentEditable
  • contextmenucontextMenu
  • controlslistcontrolsList
  • crossorigincrossOrigin
  • datetimedateTime
  • disablepictureinpicturedisablePictureInPicture
  • disableremoteplaybackdisableRemotePlayback
  • enctypeencType
  • formactionformAction
  • formenctypeformEncType
  • formmethodformMethod
  • formnovalidateformNoValidate
  • formtargetformTarget
  • frameborderframeBorder
  • hreflanghrefLang
  • http-equivhttpEquiv
  • inputmodeinputMode
  • itemiditemID
  • itempropitemProp
  • itemrefitemRef
  • itemscopeitemScope
  • itemtypeitemType
  • keyparamskeyParams
  • keytypekeyType
  • marginheightmarginHeight
  • marginwidthmarginWidth
  • maxlengthmaxLength
  • mediagroupmediaGroup
  • minlengthminLength
  • nomodulenoModule
  • novalidatenoValidate
  • playsinlineplaysInline
  • radiogroupradioGroup
  • readonlyreadOnly
  • referrerpolicyreferrerPolicy
  • rowspanrowSpan
  • spellcheckspellCheck
  • srcdocsrcDoc
  • srclangsrcLang
  • srcsetsrcSet
  • tabindextabIndex
  • usemapuseMap

SVG

  • accent-heightaccentHeight
  • alignment-baselinealignmentBaseline
  • arabic-formarabicForm
  • baseline-shiftbaselineShift
  • cap-heightcapHeight
  • clip-pathclipPath
  • clip-ruleclipRule
  • color-interpolationcolorInterpolation
  • color-interpolation-filterscolorInterpolationFilters
  • color-profilecolorProfile
  • color-renderingcolorRendering
  • dominant-baselinedominantBaseline
  • enable-backgroundenableBackground
  • fill-opacityfillOpacity
  • fill-rulefillRule
  • flood-colorfloodColor
  • flood-opacityfloodOpacity
  • font-familyfontFamily
  • font-sizefontSize
  • font-size-adjustfontSizeAdjust
  • font-stretchfontStretch
  • font-stylefontStyle
  • font-variantfontVariant
  • font-weightfontWeight
  • glyph-nameglyphName
  • glyph-orientation-horizontalglyphOrientationHorizontal
  • glyph-orientation-verticalglyphOrientationVertical
  • horiz-adv-xhorizAdvX
  • horiz-origin-xhorizOriginX
  • image-renderingimageRendering
  • letter-spacingletterSpacing
  • lighting-colorlightingColor
  • marker-endmarkerEnd
  • marker-midmarkerMid
  • marker-startmarkerStart
  • overline-positionoverlinePosition
  • overline-thicknessoverlineThickness
  • paint-orderpaintOrder
  • panose-1panose1
  • pointer-eventspointerEvents
  • rendering-intentrenderingIntent
  • shape-renderingshapeRendering
  • stop-colorstopColor
  • stop-opacitystopOpacity
  • strikethrough-positionstrikethroughPosition
  • strikethrough-thicknessstrikethroughThickness
  • stroke-dasharraystrokeDasharray
  • stroke-dashoffsetstrokeDashoffset
  • stroke-linecapstrokeLinecap
  • stroke-linejoinstrokeLinejoin
  • stroke-miterlimitstrokeMiterlimit
  • stroke-opacitystrokeOpacity
  • stroke-widthstrokeWidth
  • text-anchortextAnchor
  • text-decorationtextDecoration
  • text-renderingtextRendering
  • underline-positionunderlinePosition
  • underline-thicknessunderlineThickness
  • unicode-bidiunicodeBidi
  • unicode-rangeunicodeRange
  • units-per-emunitsPerEm
  • v-alphabeticvAlphabetic
  • v-hangingvHanging
  • v-ideographicvIdeographic
  • v-mathematicalvMathematical
  • vector-effectvectorEffect
  • vert-adv-yvertAdvY
  • vert-origin-xvertOriginX
  • vert-origin-yvertOriginY
  • word-spacingwordSpacing
  • writing-modewritingMode
  • x-heightxHeight
  • xlink:actuatexlinkActuate
  • xlink:arcrolexlinkArcrole
  • xlink:hrefxlinkHref
  • xlink:rolexlinkRole
  • xlink:showxlinkShow
  • xlink:titlexlinkTitle
  • xlink:typexlinkType
  • xml:basexmlBase
  • xml:langxmlLang
  • xml:spacexmlSpace
  • xmlns:xlinkxmlnsXlink