UI Components

Card

A card, nol-card: content on the raised surface inside a 1px card border with the medium radius and padding, in the message text, as tall as its content. Long words wrap inside it rather than widen it.

Examples

Loading…

States

Loading…

API

Selector nol-card

Import from @noldova/ui.components.angular

Accessibility

It takes no keys of its own.

A card has no role of its own and adds nothing to what is read: its content keeps its own roles, such as a heading, and its owner puts it in a list when it is one of many.

It takes no focus; a long word wraps inside it rather than widen it.

Specification

Loading…