0.1.1 • Published 3 years ago
@evergreen-wc/eve-card v0.1.1
eve-card
An Evergreen Card Web Component
Install
npm i @evergreen-wc/eve-card
Usage
import { html, LitElement } from 'lit';
import '@evergreen-wc/eve-card';
class MyComponent extends LitElement {
render() {
return html`
<eve-card img='${logo}' size="md">
<h1>Example Card</h1>
<p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
</eve-card>
`;
}
}
customElements.define('my-component', MyComponent);
Props
Property | Description |
---|---|
size | Set preset max-width of card. e.g. xs(250px), sm(300px), md(350px). By default, without size attribute, component will fill width of parent |
img | Set an image url to fill the top of card |