Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion resources/views/docs/mobile/4/digging-deeper/theming.md
Original file line number Diff line number Diff line change
Expand Up @@ -177,7 +177,7 @@ For per-tenant or user-selectable themes, merge tokens at runtime from a service
It deep-merges over the config values, so you only pass what changes:

```php
use Nativephp\NativeUi\Theme;
use Native\Mobile\UI\Theme;

Theme::merge([
'light' => ['primary' => $tenant->brandColor],
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ gives the example a bounded area to center in.
## Element

```php
use Nativephp\NativeUi\Elements\ActivityIndicator;
use Native\Mobile\UI\Elements\ActivityIndicator;

ActivityIndicator::make()
->size('lg')
Expand Down
2 changes: 1 addition & 1 deletion resources/views/docs/mobile/4/edge-components/badge.md
Original file line number Diff line number Diff line change
Expand Up @@ -95,7 +95,7 @@ colors that work on both platforms.
## Element

```php
use Nativephp\NativeUi\Elements\Badge;
use Native\Mobile\UI\Elements\Badge;

Badge::make()
->count(3)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@ of sync with the actual sheet state after the user dismisses it by gesture.
## Element

```php
use Nativephp\NativeUi\Elements\BottomSheet;
use Native\Mobile\UI\Elements\BottomSheet;

BottomSheet::make()
->visible($showSheet)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,7 @@ method that receives the new index — assign it to `$difficulty` there:
## Element

```php
use Nativephp\NativeUi\Elements\ButtonGroup;
use Native\Mobile\UI\Elements\ButtonGroup;

ButtonGroup::make()
->options(['Daily', 'Weekly', 'Monthly'])
Expand Down
2 changes: 1 addition & 1 deletion resources/views/docs/mobile/4/edge-components/button.md
Original file line number Diff line number Diff line change
Expand Up @@ -147,7 +147,7 @@ not on which SF Symbol the button carries. Tall glyphs like `wave.3.right` no lo
## Element

```php
use Nativephp\NativeUi\Elements\Button;
use Native\Mobile\UI\Elements\Button;

Button::make('Save')
->variant('primary')
Expand Down
2 changes: 1 addition & 1 deletion resources/views/docs/mobile/4/edge-components/carousel.md
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@ avatar is loading, or whenever `$contact->avatar` is empty.
## Element

```php
use Nativephp\NativeUi\Elements\Carousel;
use Native\Mobile\UI\Elements\Carousel;

Carousel::make($child1, $child2, $child3)
->itemWidth(280)
Expand Down
2 changes: 1 addition & 1 deletion resources/views/docs/mobile/4/edge-components/checkbox.md
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ Each checkbox binds its own public boolean property; the summary line re-renders
## Element

```php
use Nativephp\NativeUi\Elements\Checkbox;
use Native\Mobile\UI\Elements\Checkbox;

Checkbox::make()
->value($agreed)
Expand Down
2 changes: 1 addition & 1 deletion resources/views/docs/mobile/4/edge-components/chip.md
Original file line number Diff line number Diff line change
Expand Up @@ -100,7 +100,7 @@ When the platforms need different symbols, override per platform — an SF Symbo
## Element

```php
use Nativephp\NativeUi\Elements\Chip;
use Native\Mobile\UI\Elements\Chip;

Chip::make('Verified')
->icon('check')
Expand Down
6 changes: 3 additions & 3 deletions resources/views/docs/mobile/4/edge-components/list.md
Original file line number Diff line number Diff line change
Expand Up @@ -186,7 +186,7 @@ list to keep flat rows with plain section headers instead.
- `footer` - Optional footer text below the section

```php
use Nativephp\NativeUi\Elements\ListSection;
use Native\Mobile\UI\Elements\ListSection;

ListSection::make('Fruits', ListItem::make('Apple'))->footer('1 item');
```
Expand Down Expand Up @@ -259,8 +259,8 @@ here just gives the demo enough rows to scroll before the end-reached trigger fi
## Element

```php
use Nativephp\NativeUi\Elements\NativeList;
use Nativephp\NativeUi\Elements\ListItem;
use Native\Mobile\UI\Elements\NativeList;
use Native\Mobile\UI\Elements\ListItem;

NativeList::make(
ListItem::make('Profile')->leadingIcon('person')->trailingIcon('forward'),
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ Here `$progress` stands in for a public property on your component — declare `
## Element

```php
use Nativephp\NativeUi\Elements\ProgressBar;
use Native\Mobile\UI\Elements\ProgressBar;

ProgressBar::make()->value(0.65);

Expand Down
4 changes: 2 additions & 2 deletions resources/views/docs/mobile/4/edge-components/radio-group.md
Original file line number Diff line number Diff line change
Expand Up @@ -106,8 +106,8 @@ your component, receiving the new value as its parameter:
## Element

```php
use Nativephp\NativeUi\Elements\RadioGroup;
use Nativephp\NativeUi\Elements\Radio;
use Native\Mobile\UI\Elements\RadioGroup;
use Native\Mobile\UI\Elements\Radio;

RadioGroup::make(
Radio::make('free')->label('Free'),
Expand Down
2 changes: 1 addition & 1 deletion resources/views/docs/mobile/4/edge-components/select.md
Original file line number Diff line number Diff line change
Expand Up @@ -105,7 +105,7 @@ with the selection.
## Element

```php
use Nativephp\NativeUi\Elements\Select;
use Native\Mobile\UI\Elements\Select;

Select::make()
->label('Country')
Expand Down
2 changes: 1 addition & 1 deletion resources/views/docs/mobile/4/edge-components/slider.md
Original file line number Diff line number Diff line change
Expand Up @@ -103,7 +103,7 @@ tracks the thumb as it settles.
## Element

```php
use Nativephp\NativeUi\Elements\Slider;
use Native\Mobile\UI\Elements\Slider;

Slider::make()
->value($volume)
Expand Down
4 changes: 2 additions & 2 deletions resources/views/docs/mobile/4/edge-components/tab-row.md
Original file line number Diff line number Diff line change
Expand Up @@ -135,8 +135,8 @@ Material name on Android:
## Element

```php
use Nativephp\NativeUi\Elements\TabRow;
use Nativephp\NativeUi\Elements\Tab;
use Native\Mobile\UI\Elements\TabRow;
use Native\Mobile\UI\Elements\Tab;

TabRow::make(
Tab::make('Recent')->icon('history'),
Expand Down
6 changes: 3 additions & 3 deletions resources/views/docs/mobile/4/edge-components/text-input.md
Original file line number Diff line number Diff line change
Expand Up @@ -442,9 +442,9 @@ The `color` attribute can be set explicitly or picked up from a `text-*` class o
## Element

```php
use Nativephp\NativeUi\Elements\OutlinedTextInput;
use Nativephp\NativeUi\Elements\FilledTextInput;
use Nativephp\NativeUi\Elements\BareTextInput;
use Native\Mobile\UI\Elements\OutlinedTextInput;
use Native\Mobile\UI\Elements\FilledTextInput;
use Native\Mobile\UI\Elements\BareTextInput;

OutlinedTextInput::make()
->label('Email')
Expand Down
2 changes: 1 addition & 1 deletion resources/views/docs/mobile/4/edge-components/toggle.md
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ event.
## Element

```php
use Nativephp\NativeUi\Elements\Toggle;
use Native\Mobile\UI\Elements\Toggle;

Toggle::make()
->value($darkMode)
Expand Down
16 changes: 8 additions & 8 deletions resources/views/docs/mobile/4/the-basics/layouts.md
Original file line number Diff line number Diff line change
Expand Up @@ -231,8 +231,8 @@ For a slide-out side drawer, mix the native-ui `HasLayoutDrawer` trait into your
`drawer()`. The content is any Blade view, so you build the drawer's UI with normal EDGE components:

```php
use Nativephp\NativeUi\Builders\Drawer;
use Nativephp\NativeUi\Concerns\HasLayoutDrawer;
use Native\Mobile\UI\Builders\Drawer;
use Native\Mobile\UI\Concerns\HasLayoutDrawer;

class AppLayout extends NativeLayout
{
Expand Down Expand Up @@ -267,8 +267,8 @@ The drawer is fully interactive without any wiring on your part:
A single screen can replace or suppress the layout's drawer with the `InteractsWithDrawer` trait — the same shape as `navigationOptions()` for the nav bar:

```php
use Nativephp\NativeUi\Builders\Drawer;
use Nativephp\NativeUi\Concerns\InteractsWithDrawer;
use Native\Mobile\UI\Builders\Drawer;
use Native\Mobile\UI\Concerns\InteractsWithDrawer;

class AdminScreen extends NativeComponent
{
Expand Down Expand Up @@ -349,8 +349,8 @@ the content and the tab bar, so nothing is pushed up. Return `null` and nothing
The content is any element tree or Blade view, so you build the overlay's UI with normal EDGE components:

```php
use Nativephp\NativeUi\Builders\FloatingOverlay;
use Nativephp\NativeUi\Concerns\HasFloatingOverlay;
use Native\Mobile\UI\Builders\FloatingOverlay;
use Native\Mobile\UI\Concerns\HasFloatingOverlay;

class AppLayout extends NativeLayout
{
Expand Down Expand Up @@ -389,8 +389,8 @@ trait. Only rendered by layouts using native chrome (`usesNativeChrome()` is `tr
A single screen replaces or suppresses the layout's overlay with the `InteractsWithFloatingOverlay` trait:

```php
use Nativephp\NativeUi\Builders\FloatingOverlay;
use Nativephp\NativeUi\Concerns\InteractsWithFloatingOverlay;
use Native\Mobile\UI\Builders\FloatingOverlay;
use Native\Mobile\UI\Concerns\InteractsWithFloatingOverlay;

class CheckoutScreen extends NativeComponent
{
Expand Down