Как набрать CSS Float с помощью машинописного текста?

Question

Я передаю CSS Float в качестве реквизита для определенной цели, и для этого мне нужно ввести его следующим образом:

      type Props = {
 float: ????
}
const Component = ({
  float
}: Props) => {......}

Как лучше всего это сделать?

Я знаю, что могу скопировать и вставить, чтобы создать свой собственный тип, напримерleft | right | none | inline-start | inline-end, а на самом деле это единственный выход? Должен быть другой путь, менее хрупкий.

Answer 1

React имеет свой собственный типCSSPropertiesна что вы можете ссылаться:

      import { CSSProperties } from "react";

type Props = {
    float: Exclude<CSSProperties["float"], undefined>; // or Required<CSSProperties>["float"]
};

Детская площадка

Answer 2

      type Props = {
 float?: string
}