Footer
import { Footer } from '@enmovil/ui-design-system';
An application footer showing the copyright line with the current year and an optional version number. It can be static, sticky or fixed, with its text aligned left, centre or right.
Properties
| Property | Type | Required | Default | Allowed values | Description |
|---|---|---|---|---|---|
companyName | string | Yes | — | — | Declared and required, but not used by the component. The copyright line always shows "Enmovil", linked to the Enmovil website. |
version | string | No | — | — | Shown as "Version <version>" after the copyright text. Nothing is shown when it is absent. |
className | string | No | — | — | Extra CSS class added to the footer. |
position | string | No | 'static' | 'static', 'sticky', 'fixed' | static (the default) keeps the footer in the page flow, sticky sticks it to the bottom of its scroll container, and fixed pins it full-width to the bottom of the window. |
textAlign | string | No | 'center' | 'left', 'right', 'center' | Alignment of the footer text, left, center (the default) or right. |
Events
This component has no events.
Children
Footer does not accept children.
Variants
Loading examples…
Playground
Change the controls to see how the properties affect the component. Values the controls don't cover come from the Sticky example.
Loading playground…
Storybook
Open Footer in Storybook to try every story with the full set of controls.