Skip to main content
Settings
Color Mode
Theme Skin
Background

Appearance preferences are saved in this browser only.

Environment
Current Environment Dev

Built with JEKYLL_ENV=development. Changes auto-reload under jekyll serve.

Theme & Build
Jekyll v3.10.0
Last Build Aug 15, 03:35
Page Location
Page Info
Layout root
Collection none
Path _design-system/components/surfaces/FeatureCard.prompt.md
URL /_design-system/components/surfaces/FeatureCard.prompt/

The landing-page marketing card — a circular tinted Bootstrap-icon chip above a title and one-line description.

<FeatureCard icon="shield-check" title="Error-Free Development"
  description="Built-in error handling and self-healing installation ensures a smooth experience." />

The chip defaults to a primary-tinted disc with a primary icon. Pass iconBg (e.g. "var(--zer0-color-success)") for a solid inverted chip, matching the icon_bg colors used in _data/landing.yml. Always lifts on hover. Lay three out in a responsive grid for the features section.