Giters

8base / boost

8base UI kit

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Card component documentation mistake

matthewlal opened this issue · comments

commented

According to the storybook the Card component is documented as:

<Card>
  <CardHeader>
    Header
  </CardHeader>
  <CardBody>
    Body
    <br/>
    <br/>
    <br/>
    <br/>
  </CardBody>
  <CardFooter>
    Footer
  </CardFooter>
</Card>

but according to the Card.js exported it should be:

<Card>
  <Card.Header>
    Header
  </Card.Header>
  <Card.Body>
    Body
    <br/>
    <br/>
    <br/>
    <br/>
  </Card.Body>
  <Card.Footer>
    Footer
  </Card.Footer>
</Card>
commented

The {Component}.stories.js files in the repo are more clear. Maybe a limitation with storybook library (I'm not familiar with it at all). Here's an excerpt from the Card.stories.js file:

<Card>
  <Card.Header>Header</Card.Header>
  <Card.Body>Body<br /><br /><br /><br /></Card.Body>
  <Card.Footer>Footer</Card.Footer>
</Card>