Marketing & Content

Feature Card

Icon, tag, title and description for feature grids; the description is escaped text or a body HTML slot.

Element: <article>
Module: @basenative/components
Function: renderFeatureCard

Quick start

Import the render function and call it from your server template.

import { renderFeatureCard } from '@basenative/components';

renderFeatureCard({ title: 'Booked, not bought', text: 'Jobs land directly in the schedule.' });

Examples

Each block is a real server render — no mockups, no virtual DOM.

Icon, tag, title and text

The icon is a markup slot in a framed tile; title and text are escaped.

Live render

Scheduling

Booked, not bought

Qualified jobs land directly in the shop’s schedule.

Source

renderFeatureCard({
  tag: 'Scheduling',
  title: 'Booked, not bought',
  text: 'Qualified jobs land directly in the shop’s schedule.',
})

Options

Arguments accepted by renderFeatureCard().

renderFeatureCard option reference
Option	Type	Default	Description
`icon`	`string`	`''`	Icon HTML slot inside the icon frame.
`tag`	`string`	`''`	Eyebrow text above the title (escaped).
`title`	`string`	`—`	Card title (escaped text).
`text`	`string`	`''`	Description (escaped text); body is the HTML-slot alternative.