Data Display Widgets

Widgets designed for rendering content, status, and information clearly.

1. Text

Renders typography with custom styling, weight, letter spacing, and line height.

Text(
  'Neon Mobile Framework',
  style: NeonTextStyle(
    fontSize: 24.0,
    fontWeight: NeonFontWeight.bold,
    color: NeonColor(0xFF00E5FF),
    letterSpacing: 0.5,
  ),
)

2. ListTile

Standardized item row for lists, featuring leading icon/avatar, title, subtitle, and trailing action:

ListTile(
  leading: CircleAvatar(child: Text('N')),
  title: Text('Architecture Overview'),
  subtitle: Text('Learn how the JSON bridge works'),
  trailing: Icon(Icons.chevron_right),
  onTap: () => navigateTo('/docs/architecture'),
)

3. Card

Elevated surface with rounded corners and subtle drop shadow:

Card(
  elevation: 4.0,
  shape: NeonRoundedRectangleBorder(borderRadius: NeonBorderRadius.circular(12)),
  child: Padding(
    padding: NeonEdgeInsets.all(16.0),
    child: Text('Card Surface Content'),
  ),
)

4. Badge & Tooltip

Contextual indicators and helper tooltips:

Badge(
  label: Text('3'),
  child: Icon(Icons.notifications),
)

Tooltip(
  message: 'Download APK',
  child: IconButton(
    key: 'btn-download',
    icon: Icons.download,
    onPressed: _startDownload,
  ),
)