@xfilecom/xframe 0.1.39 → 0.1.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/defaults.json
CHANGED
package/package.json
CHANGED
|
@@ -66,6 +66,7 @@ export function FrontCoreShowcase() {
|
|
|
66
66
|
const [errors, setErrors] = useState<InlineErrorEntry[]>([]);
|
|
67
67
|
const [loading, setLoading] = useState(false);
|
|
68
68
|
const [badgeClicks, setBadgeClicks] = useState(0);
|
|
69
|
+
const [interactiveCardClicks, setInteractiveCardClicks] = useState(0);
|
|
69
70
|
const [btnLoading, setBtnLoading] = useState(false);
|
|
70
71
|
const [dialogOpen, setDialogOpen] = useState(false);
|
|
71
72
|
const [dialogRichOpen, setDialogRichOpen] = useState(false);
|
|
@@ -251,6 +252,7 @@ export function FrontCoreShowcase() {
|
|
|
251
252
|
<SectionTitle>Text</SectionTitle>
|
|
252
253
|
<Text variant="title">title</Text>
|
|
253
254
|
<Text variant="section">section</Text>
|
|
255
|
+
<Text variant="lead">lead — 한 단계 큰 리드/히어로 문단</Text>
|
|
254
256
|
<Text variant="body">body — 본문 텍스트</Text>
|
|
255
257
|
<Text variant="muted">muted</Text>
|
|
256
258
|
<Text variant="small">small</Text>
|
|
@@ -266,6 +268,26 @@ export function FrontCoreShowcase() {
|
|
|
266
268
|
</Stack>
|
|
267
269
|
</Card>
|
|
268
270
|
|
|
271
|
+
<Card
|
|
272
|
+
interactive
|
|
273
|
+
role="button"
|
|
274
|
+
tabIndex={0}
|
|
275
|
+
onClick={() => setInteractiveCardClicks((n) => n + 1)}
|
|
276
|
+
onKeyDown={(e) => {
|
|
277
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
278
|
+
e.preventDefault();
|
|
279
|
+
setInteractiveCardClicks((n) => n + 1);
|
|
280
|
+
}
|
|
281
|
+
}}
|
|
282
|
+
>
|
|
283
|
+
<Stack direction="column" gap="sm" align="stretch">
|
|
284
|
+
<SectionTitle>Card · interactive</SectionTitle>
|
|
285
|
+
<Text variant="small">
|
|
286
|
+
`interactive` + onClick — 호버 시 살짝 떠오름. 클릭 {interactiveCardClicks}회
|
|
287
|
+
</Text>
|
|
288
|
+
</Stack>
|
|
289
|
+
</Card>
|
|
290
|
+
|
|
269
291
|
<Card>
|
|
270
292
|
<Stack direction="column" gap="md" align="stretch">
|
|
271
293
|
<SectionTitle>Badge · icon · enabled · onClick</SectionTitle>
|
|
@@ -273,6 +295,7 @@ export function FrontCoreShowcase() {
|
|
|
273
295
|
<Badge tone="neutral">neutral</Badge>
|
|
274
296
|
<Badge tone="accent">accent</Badge>
|
|
275
297
|
<Badge tone="success">success</Badge>
|
|
298
|
+
<Badge tone="warn">warn</Badge>
|
|
276
299
|
<Badge tone="danger">danger</Badge>
|
|
277
300
|
<Badge tone="accent" icon={<StarIcon />}>
|
|
278
301
|
icon
|