Card UI component
npm i @qomponent/qui-card
import '@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 start
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.