File tree Expand file tree Collapse file tree 2 files changed +15
-3
lines changed
examples/react/result-section Expand file tree Collapse file tree 2 files changed +15
-3
lines changed Original file line number Diff line number Diff line change @@ -22,7 +22,10 @@ npx @seed-design/cli@latest add ui:result-section
2222
2323## Props
2424
25- <react-type-table path = " ./registry/ui/result-section.tsx" name = " ResultSectionProps" />
25+ <react-type-table
26+ path = " ./registry/ui/result-section.tsx"
27+ name = " ResultSectionProps"
28+ />
2629
2730## Examples
2831
@@ -61,7 +64,10 @@ npx @seed-design/cli@latest add ui:result-section
6164 ```
6265</StackflowExample >
6366
64- ### With Success Lottie
67+ ### Success Example
68+
69+ Result Section에서 Lottie 애니메이션을 사용하여 성공 상태를 표현하는 예시입니다.
70+ 다크모드와 라이트모드에서의 Lottie가 다르게 제공됩니다.
6571
6672<ComponentExample name = " react/result-section/success-with-lottie" >
6773 ``` json doc-gen:file
Original file line number Diff line number Diff line change @@ -59,7 +59,13 @@ export default function ResultSectionSuccessWithLottie() {
5959 < ResultSection
6060 asset = {
6161 < Box pb = "x4" >
62- < Player src = { lottieUrl } autoplay loop style = { { width : 70 , height : 70 } } />
62+ < Player
63+ src = { lottieUrl }
64+ autoplay
65+ loop = { false }
66+ keepLastFrame
67+ style = { { width : 70 , height : 70 } }
68+ />
6369 </ Box >
6470 }
6571 title = "성공했어요"
You can’t perform that action at this time.
0 commit comments