Footer
The Footer is a component that acts as a placeholder within App.
đź“”
Learn more about using this component here.
Properties
This component does not have any properties.
Events
This component does not have any events.
Exposed Methods
This component does not expose any methods.
Styling
The Footer component uses these theme variables to customize its appearance:
backgroundColorfontSizeheightmaxWidth-contenthorizontal-paddingvertical-paddingvertical-alignment
Theme Variables
| Variable | Default Value (Light) | Default Value (Dark) |
|---|---|---|
| backgroundColor-Footer | $backgroundColor-AppHeader | $backgroundColor-AppHeader |
| border-Footer | none | none |
| borderBottom-Footer | none | none |
| borderBottomColor-Footer | none | none |
| borderBottomStyle-Footer | none | none |
| borderBottomWidth-Footer | none | none |
| borderColor-Footer | none | none |
| borderEndEndRadius-Footer | none | none |
| borderEndStartRadius-Footer | none | none |
| borderHorizontal-Footer | none | none |
| borderHorizontalColor-Footer | none | none |
| borderHorizontalStyle-Footer | none | none |
| borderHorizontalWidth-Footer | none | none |
| borderLeft-Footer | none | none |
| color-Footer | none | none |
| borderLeftStyle-Footer | none | none |
| borderLeftWidth-Footer | none | none |
| borderRight-Footer | none | none |
| color-Footer | none | none |
| borderRightStyle-Footer | none | none |
| borderRightWidth-Footer | none | none |
| borderStartEndRadius-Footer | none | none |
| borderStartStartRadius-Footer | none | none |
| borderStyle-Footer | none | none |
| borderTop-Footer | 1px solid $borderColor | 1px solid $borderColor |
| borderTopColor-Footer | none | none |
| borderTopStyle-Footer | none | none |
| borderTopWidth-Footer | none | none |
| borderHorizontal-Footer | none | none |
| borderVerticalColor-Footer | none | none |
| borderVerticalStyle-Footer | none | none |
| borderVerticalWidth-Footer | none | none |
| borderWidth-Footer | none | none |
| fontSize-Footer | $fontSize-small | $fontSize-small |
| height-Footer | none | none |
| maxWidth-content-Footer | $maxWidth-content | $maxWidth-content |
| padding-Footer | $space-2 $space-4 | $space-2 $space-4 |
| paddingBottom-Footer | none | none |
| paddingHorizontal-Footer | none | none |
| paddingLeft-Footer | none | none |
| paddingRight-Footer | none | none |
| paddingTop-Footer | none | none |
| paddingVertical-Footer | none | none |
| textColor-Footer | $textColor-secondary | $textColor-secondary |
| verticalAlign-Footer | center | center |