You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/api/input-otp.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -47,23 +47,23 @@ import Type from '@site/static/usage/v8/input-otp/type/index.md';
47
47
48
48
## Shape
49
49
50
-
The `shape` property controls the visual appearance of input boxes with three options: `soft`, `round`, and `rectangular`. It uses `shape="round"` by default, displaying input boxes with fully rounded corners. The `soft` shape provides slightly rounded corners, while `rectangular` has sharp corners.
50
+
The `shape` property controls the border radius of the input boxes, creating rounded or sharp corners.
51
51
52
52
import Shape from '@site/static/usage/v8/input-otp/shape/index.md';
53
53
54
54
<Shape />
55
55
56
56
## Fill
57
57
58
-
The `fill` property offers two visual styles: `outline` and `solid`. It uses `fill="outline"` by default, displaying input boxes with a border. When `fill="solid"` is specified, input boxes have a filled background.
58
+
The `fill` property controls the background style of the input boxes, offering bordered or filled backgrounds.
59
59
60
60
import Fill from '@site/static/usage/v8/input-otp/fill/index.md';
61
61
62
62
<Fill />
63
63
64
64
## Size
65
65
66
-
The `size` property provides three size options: `small`, `medium`, and `large`. It uses `size="medium"` by default for a balanced input box size. The `small` size creates compact input boxes, while `large` creates spacious ones.
66
+
The `size` property provides different size optionsfor the input boxes.
67
67
68
68
import Size from '@site/static/usage/v8/input-otp/size/index.md';
69
69
@@ -76,7 +76,7 @@ The `separators` property adds visual dividers between one or more of the input
76
76
- Array of numbers (e.g., `[1, 3]`)
77
77
- String `"all"` to show separators between every input box
78
78
79
-
The numbers represent the index after which a separator should appear. For example, `"1"` displays a separator after the first input box. This can be used to create visually distinct groupings of input boxes, but it will still have one value.
79
+
The numbers represent the index after which a separator should appear. For example, `"1,3"` displays a separator after the first and third input box. This can be used to create visually distinct groupings of input boxes, but it will still have one value.
80
80
81
81
import Separators from '@site/static/usage/v8/input-otp/separators/index.md';
0 commit comments