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

<Meta
    title="Html elements/Article"
    id="html-article"
/>

# Article

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

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

## Usage

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

```jsx
<Article color="alias-tertiary">
    <H1>Weather forecast for Boca Chica</H1>
    <Article>
        <H2>03 March 2021</H2>
        <Paragraph>Perfectly sunny for a space launch.</Paragraph>
    </Article>
</Article>
```
