NativePHP EDGE Components FAQs

Name: NativePHP EDGE Components
Author: NativePHP

Question 1

Can I use this skill with Inertia.js, Vue, or React?

Accepted Answer

Yes. This skill includes specific integration strategies for modern frontend stacks, ensuring EDGE components are correctly placed in Blade layout files to be processed before the JavaScript framework renders.

Question 2

When should I use this skill?

Accepted Answer

You should use this skill when building mobile apps with NativePHP and you need to implement native-feeling components such as TopBars, BottomNavs, SideNavs, or Floating Action Buttons that go beyond standard web views.

Question 3

What does the NativePHP EDGE Components skill do?

Accepted Answer

This skill equips Claude with specialized knowledge to implement native UI elements in NativePHP mobile applications. It uses the Element Definition and Generation Engine (EDGE) to translate Blade components into platform-specific JSON structures for iOS and Android.

Question 4

What specific UI components can I build with this skill?

Accepted Answer

It provides implementation guidance for TopBar navigation with action buttons, BottomNav with badges, multi-level SideNav drawers, Floating Action Buttons (FAB), and Material Design icon integration.

Question 5

How does this skill handle mobile safe areas?

Accepted Answer

The skill provides automated guidance for handling notches and home indicators using the 'nativephp-safe-area' CSS class, specific CSS variables for custom layouts, and viewport-fit configurations for edge-to-edge rendering.

NativePHP EDGE Components

NativePHP EDGE Components

Key Features

Use Cases

Key Features

Use Cases