Browse catalog

Settings Page

Open

A full account-settings screen: header with a sticky section nav, composing the settings-* blocks (profile, billing, security, notifications, integrations) as anchored sections.

Responsive Dark mode RTL Localized SEO

Preview

Viewport

Theme Dark RTL Open full screen

Installation

terminal

php artisan ui:add pages/settings-page

Installs these dependencies automatically:

button blocks/settings-01 blocks/settings-04 blocks/settings-05 blocks/settings-02 blocks/settings-03

Usage

Render the page as a component, or wire it to a route. Pass data where useful:

resources/views/welcome.blade.php Blade

<x-pages.settings-page />

Built from blocks & primitives

This page composes installed <x-ui.*> primitives and semantic design tokens only — it does not reimplement any primitive. Re-theme it (light, dark, admin, customer) by editing CSS variables; flip the preview to RTL to confirm it mirrors.

Source

The preview above renders this exact installed source — there are no preview-only pages.

resources/views/pages/settings-page.blade.php Blade