PanelCard
Sisältökortti
Valkoinen kortti, otsikko ja apurivi vasemmassa yläkulmassa, alla vapaa sisältö kuten taulukko reunasta reunaan.
Käyttöpaikat
Suoraan: palvelu tuo osan itse. Välillisesti: osa tulee mukaan toisen paketin osan kautta, ja sen muutos näkyy palvelussa silti. Laskettu julkaisun yhteydessä 23.10.2026.
Haluatko antaa meille otsikon?
Klikkaa tästä ja valitse kappale
Unohditko otsikkosi?
Palauta se tämän kappaleen alta.
Toimittajien tilanne
Esimerkkidata: luettelot ja luokittelu toimittajittain
| Toimittaja | Tuotteita | Luokiteltu | Päivitetty |
|---|---|---|---|
| heo GmbH | 61 957 | 72 % | 22.10. klo 13.36 |
| Asir Group | 4 168 | 41 % | 21.10. klo 09.12 |
| Stihl | 322 | 15 % | 20.10. klo 16.40 |
| Rehvid Pluss OÜ | 1 900 | 88 % | 19.10. klo 11.05 |
| Matrolight | 261 | 100 % | 18.10. klo 08.30 |
| Reimo | 2 410 | 64 % | 17.10. klo 14.22 |
| Vannetukku | 8 905 | 57 % | 16.10. klo 10.48 |
| Insmat | 1 132 | 93 % | 15.10. klo 07.55 |
Käyttö
Paketin README:n luku sellaisenaan.
PanelCard — sisältökortti
Valkoinen kortti: otsikko, apurivi ja oikean yläkulman toiminnot (actions), alla vapaa sisältö kuten taulukko (palvelun omistaja 23.10.2026). SpotlightCard on tämä kortti keskitetyllä esittelysisällöllä, ja molemmilla on sama vähimmäiskorkeus (512 px), joten ne ovat ruudukossa samankorkuiset. Esimerkki ruudukosta ja reunasta reunaan ulottuvasta taulukosta: SpotlightFrame — esittelykortti yllä.
Tuonti ja lähde
import { PanelCard } from "@karkkainen/ui";src/components/panel-card.tsx