GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Getting Started
  • Accordion
  • ion-accordion-group
  • Action Sheet
  • Alert
  • Badge
  • Breadcrumbs
  • ion-breadcrumbs
  • Button
  • ion-ripple-effect
  • Card
  • ion-card-content
  • ion-card-header
  • ion-card-subtitle

This view

  • Original page
  • New address

GeezerVison is showing ionicframework.com — ion-card-header | Ionic Framework

shadow

Card header is a child component of card that should be placed before the card content. It can contain a card title and a card subtitle.

Refer to the Card documentation for more information.

Properties​

color​

DescriptionThe color to use from your application's color palette. Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming.
Attributecolor
Type"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string | undefined
Defaultundefined

mode​

DescriptionThe mode determines which platform styles to use.

This is a virtual property that is set once during initialization and will not update if you change its value after the initial render.
Attributemode
Type"ios" | "md"
Defaultundefined

translucent​

DescriptionIf true, the card header will be translucent. Only applies when the mode is "ios" and the device supports backdrop-filter.
Attributetranslucent
Typeboolean
Defaultfalse

Events​

No events available for this component.

Methods​

No public methods available for this component.

CSS Shadow Parts​

No CSS shadow parts available for this component.

CSS Custom Properties​

No CSS custom properties available for this component.

Slots​

NameDescription
The default slot

Contents

  • Properties
    • color
    • mode
    • translucent
  • Events
  • Methods
  • CSS Shadow Parts
  • CSS Custom Properties
  • Slots
Edit this page
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.