hakowork/vide
3
0
Fork 0
mirror of https://github.com/centau/vide.git synced 2026-08-20 14:41:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve docs

Browse source
This commit is contained in:
Aaron Smith 2023-08-09 15:33:14 +01:00
parent 0e6e8300fb
commit 04e28f390d
13 changed files with 186 additions and 116 deletions
Download patch file Download diff file Expand all files Collapse all files

7
docs/tut/crash-course/7-property-groups.md
View file

@ -3,6 +3,8 @@
Often when creating components from existing components, you can find yourself
repetitively passing through properties such as size or position.
Example below:
```lua
function Background(props: {
Color: Color3,
@ -33,7 +35,7 @@ function Menu(props: {
end
```
One way this can be avoided is by using *property nesting*. In Vide, passign a
One way this can be avoided is by using *property nesting*. In Vide, passing a
table value inside `props` has special semantics. Any key with a table value is
not assigned like a property, instead the table is iterated and processed just
like the outer table is. Any properties in the nested table will be assigned
@ -70,7 +72,8 @@ Here we created a nested group with the key `Layout` that can accept
layout-related properties. Any name could be chosen for the key.
This allows us to write much more concise syntax that is also typecheckable.
The same can be done for properties such as children to pass table of instances.
In another example we use a key named `Children` to pass arrays of instances to
be parented.
```lua
type Children = {