In the references section of the docs add a shorthands page with the following table: #2208
codylindley
started this conversation in
Ideas
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
I generated this table using an AI from this line in the source code:
panda/packages/studio/styled-system/jsx/is-valid-prop.mjs
Line 4 in 433a364
Should be pretty easy to create a valid dynamic table from the value in the docs. e.g.,
TO BE CLEAR THE TABLE ISN'T CORRECT/VALID ITS BEST GUESS RIGHT NOW.
display
,position
,inset
,insetBlock
,insetBlockEnd
(ibe),insetBlockStart
(ibs),insetInline
(ii),insetInlineEnd
(iie),insetInlineStart
(iis),insetX
(ix),insetY
(iy),float
,clear
,overflow
,overflowX
,overflowY
,aspectRatio
(ar),boxSizing
(bs)flex
(f),flexDirection
(flexDir, fd),flexGrow
(fg),flexShrink
(fs),flexBasis
(fb),justifyContent
(jc),alignContent
(ac),alignItems
(ai),alignSelf
(as),order
,gridTemplateColumns
(gtc),gridTemplateRows
(gtr),gridColumn
(gc),gridRow
(gr),gridColumnStart
(gcs),gridColumnEnd
(gce),gridRowStart
(grs),gridRowEnd
(gre),gridAutoFlow
(gaf),gridAutoColumns
(gac),gridAutoRows
(gar),gap
,gridGap
(gg),rowGap
(rg),columnGap
(cg)padding
(p),paddingTop
(pt),paddingRight
(pr),paddingBottom
(pb),paddingLeft
(pl),paddingX
(px),paddingY
(py),paddingBlock
(pb),paddingBlockStart
(pbs),paddingBlockEnd
(pbe),paddingInline
(pi),paddingInlineStart
(pis),paddingInlineEnd
(pie),margin
(m),marginTop
(mt),marginRight
(mr),marginBottom
(mb),marginLeft
(ml),marginX
(mx),marginY
(my),marginBlock
(mb),marginBlockStart
(mbs),marginBlockEnd
(mbe),marginInline
(mi),marginInlineStart
(mis),marginInlineEnd
(mie)border
(b),borderWidth
(bw),borderStyle
(bs),borderColor
(bc),borderTop
(bt),borderRight
(br),borderBottom
(bb),borderLeft
(bl),borderRadius
(br),borderTopLeftRadius
(btlr),borderTopRightRadius
(btrr),borderBottomRightRadius
(bbrr),borderBottomLeftRadius
(bblr),borderX
(bx),borderY
(by),borderStart
(bs),borderEnd
(be),borderStartWidth
(bsw),borderEndWidth
(bew),borderStartColor
(bsc),borderEndColor
(bec),ringWidth
(rw),ringColor
(rc),ringOffset
(ro)background
(bg),backgroundColor
(bgc),backgroundImage
(bgi),backgroundSize
(bgs),backgroundPosition
(bgp),backgroundRepeat
(bgr),backgroundAttachment
(bga),backgroundClip
(bgc),backgroundOrigin
(bgo),bgGradient
,bgPosition
,bgPositionX
(bgpx),bgPositionY
(bgpy),bgBlendMode
(bgbm)fontFamily
(ff),fontSize
(fs),fontWeight
(fw),lineHeight
(lh),textAlign
(ta),textDecoration
(td),textTransform
(tt),textOverflow
(to),textShadow
(ts),letterSpacing
(ls),textIndent
(ti),verticalAlign
(va),whiteSpace
(ws),wordBreak
(wb),listStyleType
(lst),listStylePosition
(lsp),listStyleImage
(lsi),textShadowColor
(tsc),textGradient
width
(w),minWidth
(minW),maxWidth
(maxW),height
(h),minHeight
(minH),maxHeight
(maxH),inlineSize
(is),blockSize
(bs),minBlockSize
(minBS),maxBlockSize
(maxBS),minInlineSize
(minIS),maxInlineSize
(maxIS),boxDecorationBreak
(bdb)top
,right
,bottom
,left
,zIndex
(z),objectFit
(of),objectPosition
(op),visibility
(v)opacity
(o),boxShadow
(bs),boxShadowColor
(bsc),mixBlendMode
(mbm),filter
(f),backdropFilter
(bdf),brightness
(b),contrast
(c),grayscale
(gs),hueRotate
(hr),invert
(i),saturate
(s),sepia
(se),dropShadow
(ds),blur
(bl)transform
(t),transformOrigin
(to),scale
(s),scaleX
(sx),scaleY
(sy),rotate
(r),translate
(tr),translateX
(tx),translateY
(ty),skew
(sk),skewX
(skx),skewY
(sky)transition
(tr),transitionProperty
(tp),transitionDuration
(td),transitionTimingFunction
(ttf),transitionDelay
(td),animation
(a),animationName
(an),animationDuration
(ad),animationTimingFunction
(atf),animationDelay
(ad),animationIterationCount
(aic),animationDirection
(adir),animationFillMode
(afm),animationPlayState
(aps)borderCollapse
(bc),borderSpacing
(bs),tableLayout
(tl)appearance
(ap),cursor
(cu),userSelect
(us),pointerEvents
(pe),resize
(re),scrollBehavior
(sb),touchAction
(ta)outline
(o),outlineWidth
(ow),outlineStyle
(os),outlineColor
(oc),outlineOffset
(oo),ring
(r),srOnly
,notSrOnly
,placeholderColor
(pc),placeholderOpacity
(po),caretColor
(cc),accentColor
(ac)clipPath
(cp),clipRule
(cr),mask
(m),maskImage
(mi),maskPosition
(mp),maskSize
(ms),maskRepeat
(mr),maskType
(mt),overflowAnchor
(oa),overflowWrap
(ow),overscrollBehavior
(osb),overscrollBehaviorX
(osbx),overscrollBehaviorY
(osby),scrollMargin
(sm),scrollMarginTop
(smt),scrollMarginRight
(smr),scrollMarginBottom
(smb),scrollMarginLeft
(sml),scrollPadding
(sp),scrollPaddingTop
(spt),scrollPaddingRight
(spr),scrollPaddingBottom
(spb),scrollPaddingLeft
(spl),scrollSnapAlign
(ssa),scrollSnapType
(sst)Beta Was this translation helpful? Give feedback.
All reactions