fix(Collapse): add mb-0 to accordion cards

This commit is contained in:
xidedix 2019-01-08 16:09:25 +01:00
parent fa7d429667
commit 2a9a23dff5

View File

@ -137,7 +137,7 @@ class Collapses extends Component {
</CardHeader> </CardHeader>
<CardBody> <CardBody>
<div id="accordion"> <div id="accordion">
<Card> <Card className="mb-0">
<CardHeader id="headingOne"> <CardHeader id="headingOne">
<Button block color="link" className="text-left m-0 p-0" onClick={() => this.toggleAccordion(0)} aria-expanded={this.state.accordion[0]} aria-controls="collapseOne"> <Button block color="link" className="text-left m-0 p-0" onClick={() => this.toggleAccordion(0)} aria-expanded={this.state.accordion[0]} aria-controls="collapseOne">
<h5 className="m-0 p-0">Collapsible Group Item #1</h5> <h5 className="m-0 p-0">Collapsible Group Item #1</h5>
@ -153,7 +153,7 @@ class Collapses extends Component {
</CardBody> </CardBody>
</Collapse> </Collapse>
</Card> </Card>
<Card> <Card className="mb-0">
<CardHeader id="headingTwo"> <CardHeader id="headingTwo">
<Button block color="link" className="text-left m-0 p-0" onClick={() => this.toggleAccordion(1)} aria-expanded={this.state.accordion[1]} aria-controls="collapseTwo"> <Button block color="link" className="text-left m-0 p-0" onClick={() => this.toggleAccordion(1)} aria-expanded={this.state.accordion[1]} aria-controls="collapseTwo">
<h5 className="m-0 p-0">Collapsible Group Item #2</h5> <h5 className="m-0 p-0">Collapsible Group Item #2</h5>
@ -169,7 +169,7 @@ class Collapses extends Component {
</CardBody> </CardBody>
</Collapse> </Collapse>
</Card> </Card>
<Card> <Card className="mb-0">
<CardHeader id="headingThree"> <CardHeader id="headingThree">
<Button block color="link" className="text-left m-0 p-0" onClick={() => this.toggleAccordion(2)} aria-expanded={this.state.accordion[2]} aria-controls="collapseThree"> <Button block color="link" className="text-left m-0 p-0" onClick={() => this.toggleAccordion(2)} aria-expanded={this.state.accordion[2]} aria-controls="collapseThree">
<h5 className="m-0 p-0">Collapsible Group Item #3</h5> <h5 className="m-0 p-0">Collapsible Group Item #3</h5>