js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

added jsDoc and updated example

Browse Source
This commit is contained in:
Kelsey Jackson
2025-09-10 09:56:52 -05:00
parent 132b0d2c49
commit 2c3cd4b07a
2 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/webawesome/docs/docs/components/card.md
View File

@@ -55,6 +55,9 @@ If using SSR, you need to also use the `with-header` attribute to add a header t
<wa-card class="card-header">
<h3 slot="header">Header Title</h3>
This card has a header. You can put all sorts of things in it!
<wa-button appearance="plain" slot="header-actions">
<wa-icon name="gear" variant="solid" label="Settings"></wa-icon>
</wa-button>
</wa-card>
<style>

2
packages/webawesome/src/components/card/card.ts
View File

@@ -16,6 +16,8 @@ import styles from './card.css';
* @slot footer - An optional footer for the card.
* @slot media - An optional media section to render at the start of the card.
* @slot actions - An optional actions section to render at the end for the horizontal card.
* @slot header-actions - An optional actions section to render in the header of the vertical card.
* @slot footer-actions - An optional actions section to render in the footer of the vertical card.
*
* @csspart media - The container that wraps the card's media.
* @csspart header - The container that wraps the card's header.