import { ComponentInfo, Link, Tagline } from "@stories/components";
import { Meta } from "@storybook/addon-docs";

<Meta
    title="Html elements/Footer"
    id="html-footer"
/>

# Footer

<Tagline>A specialized <Link href="?path=/docs/box--default-story">box</Link> component for HTML footer element.</Tagline>

<ComponentInfo
    usage={"import { HtmlFooter } from \"@sharegate/orbit-ui\";"}
    githubPath="/packages/components/src/html/src"
/>

## Usage

A footer component accepts all the [footer HTML element attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer) and [Orbit styled component props](?path=/docs/styling--page).

```jsx
<HtmlArticle>
    <H1>What does an aerospace engineer do?</H1>
    <UL>
        <LI>Research and development</LI>
        <LI>Testing</LI>
        <LI>Production and maintenance</LI>
    </UL>
    <HtmlFooter color="alias-tertiary">
        <Paragraph>© 2021 Orbit</Paragraph>
    </HtmlFooter>
</HtmlArticle>
```
