cyberpresidentvanellope/S.P.L.U.R.T-Station-13
1
0
Fork 0
mirror of https://github.com/SPLURT-Station/S.P.L.U.R.T-Station-13.git synced 2025-12-10 18:02:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

tguichat and tgui4.1?

Browse Source
This commit is contained in:
Letter N
2020-08-15 16:08:10 +08:00
parent 90234ca065
commit 15e659fc9c
154 changed files with 9353 additions and 1091 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
tgui/docs/component-reference.md
View File

@@ -227,7 +227,7 @@ be truncated with an ellipsis. Be careful however, because this prop breaks
the baseline alignment.
- `title: string` - A native browser tooltip, which appears when hovering
over the button.
- `content/children: any` - Content to render inside the button.
- `children: any` - Content to render inside the button.
- `onClick: function` - Called when element is clicked.
### `Button.Checkbox`
@@ -389,7 +389,9 @@ to the left, and certain elements to the right:
</Flex.Item>
<Flex.Item grow={1} />
<Flex.Item>
<Button content="Perform an action" />
<Button>
Perform an action
</Button>
</Flex.Item>
</Flex>
```
@@ -625,7 +627,9 @@ to perform some sort of action), there is a way to do that:
<LabeledList.Item
label="Item"
buttons={(
<Button content="Click me!" />
<Button>
Click me!
</Button>
)}>
Content
</LabeledList.Item>
@@ -643,7 +647,7 @@ to perform some sort of action), there is a way to do that:
- `label: string` - Item label.
- `color: string` - Sets the color of the text.
- `buttons: any` - Buttons to render aside the content.
- `content/children: any` - Content of this labeled item.
- `children: any` - Content of this labeled item.
### `LabeledList.Divider`
@@ -748,7 +752,7 @@ percentage and how filled the bar is.
- `ranges: { color: [from, to] }` - Applies a `color` to the progress bar
based on whether the value lands in the range between `from` and `to`.
- `color: string` - Color of the progress bar.
- `content/children: any` - Content to render inside the progress bar.
- `children: any` - Content to render inside the progress bar.
### `Section`
@@ -773,7 +777,9 @@ If you want to have a button on the right side of an section title
<Section
title="Cargo"
buttons={(
<Button content="Send shuttle" />
<Button>
Send shuttle
</Button>
)}>
Here you can order supply crates.
</Section>
@@ -784,7 +790,10 @@ If you want to have a button on the right side of an section title
- `level: number` - Section level in hierarchy. Default is 1, higher number
means deeper level of nesting. Must be an integer number.
- `buttons: any` - Buttons to render aside the section title.
- `content/children: any` - Content of this section.
- `fill: boolean` - If true, fills all available vertical space.
- `fitted: boolean` - If true, removes all section padding.
- `scrollable: boolean` - Shows or hides the scrollbar.
- `children: any` - Content of this section.
### `Slider`
@@ -953,7 +962,7 @@ Usage:
**Props:**
- `position: string` - Tooltip position.
- `content/children: string` - Content of the tooltip. Must be a plain string.
- `content: string` - Content of the tooltip. Must be a plain string.
Fragments or other elements are **not** supported.
## `tgui/layouts`
@@ -978,6 +987,7 @@ Example:
**Props:**
- See inherited props: [Box](#box)
- `className: string` - Applies a CSS class to the element.
- `theme: string` - A name of the theme.
- For a list of themes, see `packages/tgui/styles/themes`.
@@ -995,6 +1005,8 @@ Can be scrollable.
**Props:**
- See inherited props: [Box](#box)
- `className: string` - Applies a CSS class to the element.
- `fitted: boolean` - If true, removes all padding.
- `scrollable: boolean` - Shows or hides the scrollbar.
- `children: any` - Main content of your window.