blob: f4e90bde097c357b2524f8738be9663425f6e843 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
// @ts-nocheck
import * as mod from "./font"
const docs = `### Overview
Uses native system font stacks for sans and mono typography.
Optional compatibility component. Existing roots can keep rendering it, but it does nothing.
### API
- No props.
### Variants and states
- No variants.
### Behavior
- Compatibility wrapper only. No font assets are injected or preloaded.
### Accessibility
- Not applicable.
### Theming/tokens
- Theme tokens come from CSS variables, not this component.
`
export default {
title: "UI/Font",
id: "components-font",
component: mod.Font,
tags: ["autodocs"],
parameters: {
docs: {
description: {
component: docs,
},
},
},
}
export const Basic = {
render: () => (
<div style={{ display: "grid", gap: "8px" }}>
<mod.Font />
<div style={{ "font-family": "var(--font-family-sans)" }}>OpenCode Sans Sample</div>
<div style={{ "font-family": "var(--font-family-mono)" }}>OpenCode Mono Sample</div>
</div>
),
}
|
