Skip to content

Commit 808774c

Browse files
committed
docs(result-section): update success example and format props table
1 parent 09d91f9 commit 808774c

File tree

2 files changed

+15
-3
lines changed

2 files changed

+15
-3
lines changed

docs/content/react/components/result-section.mdx

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff 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

docs/examples/react/result-section/success-with-lottie.tsx

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff 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="성공했어요"

0 commit comments

Comments
 (0)