Card UI component
npm i @qomponent/qui-cardimport '@qomponent/qui-card';<div class="cards">
<qui-card header="Small">
<div slot="content">
<div class="cardcontents">
<span>Hello</span>
</div>
</div>
</qui-card> Basic string header can be provided with the header attribute, example:
<qui-card header = "Here the header">
</qui-card>More complex header can be provided with the header slot, example:
<qui-card>
<div slot="header">
<span>Here the header</span>
</div>
</qui-card>Basic string footer can be provided with the footer attribute, example:
<qui-card footer = "Here the header">
</qui-card>More complex footer can be provided with the footer slot, example:
<qui-card>
<div slot="footer">
<span>Here the footer</span>
</div>
</qui-card>To run the example:
npm install
npm startPull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.