Optional backgroundBackground color of component
Check the token table to know which values to use
Example:
<backgroundColor="background-color" />
Optional borderBorder Color of component
Check the token table to know which values to use
Example:
<borderColor="neutral-900" />
Optional bottomWhen activated, it controls the bottom spacing to prevent content from being covered by the gesture bar on mobile devices.
Example:
<Window bottomInset={true}>
Optional colorText color of components
Check the token table to know which values to use
Example:
<color="neutral-900" />
Optional content"Use contrast colors for text and background"
Example:
<View contentColors backgroundColor="primary-500" />
Optional displayChanges the element exhibition
Example:
<display="flex"/>
Optional heightAdjust component height
Example:
<height={100} />
Optional id"Fills the ID of the element (not very practical)."
Example:
<View id="id" />
Optional maxAdjust component maximum height
Example:
<maxHeight={100} />
Optional maxAdjust component maximum width
Example:
<maxwidth={100} />
Optional minAdjust component minimum height
Example:
<minHeight={100} />
Optional minAdjust component minimum width
Example:
<minWidth={100} />
Optional opacityChanges the element opacity
Example:
<opacity="light" />
Optional sendThis option should be used when there is a form component; when you touch the element, it triggers focus on the contained form component.
Example:
<Window sendFocusToInput>
<Text>Acima de um input</Text>
<Input />
</Window>
Optional statusDetermina a cor dos ícones da StatusBar do aparelho.
Use: white para branco ou black para preto.
Example:
<Window statusBarTextColor="white">
Optional titleSets the page title; this feature is intended to be used when building web applications with Eitri.
Optional topWhen activated, it controls the top spacing to prevent content from being covered by the gesture bar on mobile devices.
Example:
<Window topInset={true}>
Optional transform"Prepare a position transforming of element"
Example:
<View transform="rotate(45deg)" />
Optional transition"Prepare a transition of visual state change"
Example:
<View transition="background-color 0.5s ease-in-out" />
Optional viewportDetermina a cor da viewport onde a aplicação irá rodar Example:
<Window viewportColor="primary-100">
Optional visibilityChanges the element visibility
Example:
<visibility="visible" />
Optional visual"Determines the visual state of the component and its children."
Example:
<View visualState="success" />
Optional widthAdjust component width
Example:
<width={100} />
Accepted values for Window properties