Skip to main content

Card Header

shadow

The Card header element is a component designed for use in tabs and serves as a container for placing relevant headings, icons, or other content that helps the user quickly understand the context or purpose of the main content of the tab.

Note

For more information on using the Card Header, navigate to the [Card] element documentation(./card).

When to use​

Use wje-card-header to display content that improves the readability, scannability, or context of the information.

When not to use​

Do not use it as a substitute for structured data where precise interaction is needed.

Accessibility​

Add alternative text for images, legible contrasts and text equivalents for icons without description.

  • Compress media and use lazy loading for large lists.
  • Keep information priorities consistent for tabs and lists.
  • Do not repeat the same information in text and icon at the same time without adding value.

Attributes and properties​

Pre tento komponent nie sú dostupné žiadne vlastnosti.

Events​

Pre tento komponent nie sú dostupné žiadne udalosti.

Methods​

Pre tento komponent nie sú dostupné žiadne verejné metódy.

CSS shadow parts​

Pre tento komponent nie sú dostupné žiadne CSS časti tieňa.

CSS custom variables​

NázovPopis
--wje-card-header-paddingVlastná CSS premenná, ktorá riadi padding.

Slots​

NázovPopis
defaultPredvolený slot pre hlavný obsah komponentu.

Content