Card

Use cases:

• Container for content
• Present collections of related information
• Grouping of content

Example

Card title

At purus lectus quis habitant commodo, cras. Aliquam malesuada velit a tortor. Felis orci tellus netus risus et ultricies augue aliquet.

Test button

Genesis

Declaration

<rapid-card></rapid-card>

Usage

@customElement({
  name: 'my-element',
  template: html`
    <rapid-card></rapid-card>
  `,
})
export class MyElement extends GenesisElement {
}

React

Declaration

  <rapid-card></rapid-card>

Usage

export function MyComponent() {
  return (
    <rapid-card></rapid-card>
  );
}

Angular

Declaration

  <rapid-card></rapid-card>

Usage

import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@Component({
  selector: 'my-root',
  template: `
        <rapid-card></rapid-card>
      `,
  standalone: true,
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
export class AppComponent {
}

API

Property and attribute binding examples for Genesis Component syntax. Closing tag omitted.

Attributes

This component doesn't have any attributes.

Properties

This component doesn't have any properties.

Slots

Name	Description
Default	The default slot for the card content

Parts

This component doesn't have any parts.

Events fired

This component doesn't fire any events.

Events listened to

This component doesn't listen to any events.