Closed1
PandaCSSで複数のclassNameをくっつけたい時は cx 関数を使う
uttkPandaCSS使っていて複数の className を結合したいな～と思って調べたら、普通にドキュメントにのってた。
公式より引用
import { css, cx } from '../styled-system/css'
const styles = css({
borderWidth: '1px',
borderRadius: '8px',
paddingX: '12px'
paddingY: '24px'
})
const Card = ({ className, ...props }) => {
const rootClassName = cx(styles, className)
return <div className={rootClassName} {...props} />
}
cx() 使えば、自作したり clsx をインストールしなくて済むので助かるね。
このスクラップは2023/07/06にクローズされました