SettingsCard

Clickable card for settings navigation. Shows icon, title, and description.

Preview

Usage

import { SettingsCard } from '@ramtt/ui'

<SettingsCard
  title="Notifications"
  description="Configure email and push alerts"
  onClick={() => navigate('/settings/notifications')}
/>

Props

Prop	Type	Default	Description
title*	`string`	—	Card title
description	`string`	—	Description text
icon	`ReactNode`	—	Leading icon
onClick	`() => void`	—	Click handler