tl-card component.
This component represents a customizable container.
A card is broken up into multiple optional sections specified via an HTML template element.
A card can be used as a simple list or a simple menu.
A card can be conditionally collapsible.
The following may be specified as an attribute on a template element:
card-header: The card header, which may also be "clickable" if enabled.card-image: An image that spans across the card, immediately below the header.card-list-top: A list displayed above the body section.card-title: The card title, as the first sub-section within the body section.card-subtitle: The card sub-title, immediately below the title within the body section.card-text: The main content of the card, below the title and sub-title within the body section.card-buttons: Buttons made availble on the card, the last sub-section within the body section.card-list-bottom: A list displayed below the body section.card-footer: The card footer, at the very bottom.The following attributes are available:
collapsed: One of click or none (auto-updated and can be watched).collapse-method: One of click or none.selector-prefix: A name representing the prefix to select.start-collapsed: One of true or false.text-center: One of true or false.theme-variant: The name of a theme variant to use on the button.panel-format: One of solid, outlined, or mixed.tl-card component.
tl-card component implemented as a bootstrap 3 style panel.
tl-card component implemented as collapsible and is collapsed by default.