CardComplex
@stellaria/nebula-webCardComplexPropsPreview
Props
18| Prop | Type | Default |
|---|---|---|
actions | readonly CardAction[] | — |
aria-label | string | — |
badges | CardBadgeGroups | — |
children | ReactNode | — |
className | string | — |
color | ColorExtended | — |
description | ReactNode | — |
disabled | boolean | — |
footer | ReactNode | — |
href | string | — |
lines | number | — |
loading | boolean | — |
media | CardMedia | — |
meta | CardMetaData | — |
onPress | (() => void) | — |
selected | boolean | — |
title | ReactNode | — |
variant | CardVariant | — |
Slot props
10Each one spreads over an inner element, so you can restyle a region without forking the component.
| Prop | Type | Default |
|---|---|---|
bodyProps The card body, below the media. | BoxSlotProps | — |
descriptionProps The description. Its line clamp comes from `lines`; the slot composes with it. | TextSlotProps | — |
footProps The footer. Not rendered without a footer, actions or badges. | BoxSlotProps | — |
headerProps The header. Not rendered without a title or actions. | BoxSlotProps | — |
headingProps Badge and title column, inside the header. | BoxSlotProps | — |
mediaActionsProps The action row over the media. | BoxSlotProps | — |
mediaProps The media frame. It carries `data-selected`, which is where its highlight comes from. | BoxSlotProps | — |
metaProps The metadata row. | BoxSlotProps | — |
personProps The owner block, with its avatar. | BoxSlotProps | — |
titleProps The title. | TextSlotProps | — |
Also accepts
On top of its own props, this component forwards these groups.