from
必須説明
Passing React elements to "from" is required.
タイプ
ReactElement<any, string | JSXElementConstructor<any>>
Yamada UIにスターをあげる
スターFlip
は、2つの要素をフリップさせながら切り替えるアニメーションを提供するコンポーネントです。
説明
Passing React elements to "from" is required.
タイプ
ReactElement<any, string | JSXElementConstructor<any>>
説明
Passing React elements to "to" is required.
タイプ
ReactElement<any, string | JSXElementConstructor<any>>
説明
The HTML element to render.
タイプ
"symbol" | "object" | "clipPath" | "filter" | "g" | "marker" | "mask" | "p" | "text" | "style" | "animate" | "button" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | ... 149 more ... | "textPath"
説明
The visual color appearance of the component.
タイプ
"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"
説明
You can set the initial state.
タイプ
FlipIdent
デフォルト
'from'
説明
The animation delay.
タイプ
number
デフォルト
0
説明
The animation duration.
タイプ
number
デフォルト
0.4
説明
If true
, the component is disabled.
タイプ
boolean
デフォルト
false
説明
If true
, the component is readonly.
タイプ
boolean
デフォルト
false
説明
This is a callback function that is called when the animation state changes.
タイプ
(value: FlipIdent) => void
説明
The orientation of the flip effect. Determines whether the flip occurs horizontally or vertically.
タイプ
FlipOrientation
デフォルト
'horizontal'
説明
The size of the Flip.
タイプ
string
説明
The animation transition.
タイプ
Transition$1
説明
Use this when you want to control the animation from outside the component.
タイプ
FlipIdent
説明
The variant of the Flip.
タイプ
string
GitHubでこのページを編集する