UNPKG

ink

Version:

React for CLI

github.com/vadimdemedes/ink

vadimdemedes/ink

63 lines (62 loc) • 3.6 kB
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
import React from 'react'; import { type Except } from 'type-fest'; import { type Styles } from '../styles.js'; import { type DOMElement } from '../dom.js'; export type Props = Except<Styles, 'textWrap'>; /** * `<Box>` is an essential Ink component to build your layout. It's like `<div style="display: flex">` in the browser. */ declare const Box: React.ForwardRefExoticComponent<{ readonly position?: ("absolute" | "relative") | undefined; readonly columnGap?: number | undefined; readonly rowGap?: number | undefined; readonly gap?: number | undefined; readonly margin?: number | undefined; readonly marginX?: number | undefined; readonly marginY?: number | undefined; readonly marginTop?: number | undefined; readonly marginBottom?: number | undefined; readonly marginLeft?: number | undefined; readonly marginRight?: number | undefined; readonly padding?: number | undefined; readonly paddingX?: number | undefined; readonly paddingY?: number | undefined; readonly paddingTop?: number | undefined; readonly paddingBottom?: number | undefined; readonly paddingLeft?: number | undefined; readonly paddingRight?: number | undefined; readonly flexGrow?: number | undefined; readonly flexShrink?: number | undefined; readonly flexDirection?: ("row" | "column" | "row-reverse" | "column-reverse") | undefined; readonly flexBasis?: (number | string) | undefined; readonly flexWrap?: ("nowrap" | "wrap" | "wrap-reverse") | undefined; readonly alignItems?: ("flex-start" | "center" | "flex-end" | "stretch") | undefined; readonly alignSelf?: ("flex-start" | "center" | "flex-end" | "auto") | undefined; readonly justifyContent?: ("flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "center") | undefined; readonly width?: (number | string) | undefined; readonly height?: (number | string) | undefined; readonly minWidth?: (number | string) | undefined; readonly minHeight?: (number | string) | undefined; readonly display?: ("flex" | "none") | undefined; readonly borderStyle?: (keyof import("cli-boxes").Boxes | import("cli-boxes").BoxStyle) | undefined; readonly borderTop?: boolean | undefined; readonly borderBottom?: boolean | undefined; readonly borderLeft?: boolean | undefined; readonly borderRight?: boolean | undefined; readonly borderColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined; readonly borderTopColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined; readonly borderBottomColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined; readonly borderLeftColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined; readonly borderRightColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined; readonly borderDimColor?: boolean | undefined; readonly borderTopDimColor?: boolean | undefined; readonly borderBottomDimColor?: boolean | undefined; readonly borderLeftDimColor?: boolean | undefined; readonly borderRightDimColor?: boolean | undefined; readonly overflow?: ("visible" | "hidden") | undefined; readonly overflowX?: ("visible" | "hidden") | undefined; readonly overflowY?: ("visible" | "hidden") | undefined; } & { children?: React.ReactNode | undefined; } & React.RefAttributes<DOMElement>>; export default Box;