Add Collapse

[Shoaibv2]

Fixes #8

[ranajahanzaib]

@aftabrehan please review.

[aftabrehan]

Just a minor fixes. Nice work. 👍

[aftabrehan]

Empty Fragments <></> are necessary when there are multiple tags to return, as their is only one tag/component to return.

So it's unnecessary to use Empty Fragments <></> in this case.

Suggested change

	<>
	<Collapse
	variant="primary"
	lablecontent="Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
	"
	lable="toggle"
	/>
	</>
	<Collapse
	variant="primary"
	lablecontent="Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger."
	lable="toggle"
	/>

[aftabrehan]

Can't figure out, why this named collap

[aftabrehan]

It's a best practice sort your component link alphabatically.

So in future it'll save a lot of time.

Suggested change

	<br />
	<Button>Hello</Button>
	<br />
	<Link href="/Collapse">Collapse</Link>
	<br />
	<Link href="/Collapse">Collapse</Link>
	<br />
	<Button>Hello</Button>

[aftabrehan]

Use capital letter only for the compnent name. Not for the usage file name.

[aftabrehan]

Always use camelCase notation for this type of cases.

Suggested change

	<div className="card card-body">{props.labelcontent}</div>
	<div className="card card-body">{props.labelContent}</div>

[aftabrehan]

It can be renamed as content 👍

Suggested change

	<div className="card card-body">{props.labelcontent}</div>
	<div className="card card-body">{props.content}</div>

[aftabrehan]

Is that another div important?
Or We use just one div.
as:

Suggested change

	<div className="collapse" id="collapseExample">
	<div className="card card-body">{props.labelcontent}</div>
	</div>
	<div className="card card-body collapse" id="collapseExample">
	{props.labelcontent}
	</div>

What you think about it?
Any suggestion?

[aftabrehan]

It's a good practice to have an empty line between imports & exports. 👍

Suggested change

	import Collapse from "./components/Collapse";
	import Collapse from "./components/Collapse";