TypeScriptで任意のCSSプロパティ型の値を作る方法

1 min read読了の目安(約300字 1

csstypeをinstallする

npm install csstype

あとは使うだけ

import { Property } from 'csstype';

const alignContent: NonNullable<Property.AlignContent> = 'flex-start';

JSXを使う方法もある

type DivElementStyle = NonNullable<JSX.IntrinsicElements['div']['style']>

const alignContent: DivElementStyle['alignContent'] = 'flex-start';