Blade
Discover every component you can use in your application.
<x-stw-app />
In your app.blade.php file, add the component.
<x-stw-app>
<x-slot name="head">
<!-- Head content -->
</x-slot>
<!-- Body content -->
<x-slot name="scripts">
<!-- Scripts content -->
</x-slot>
</x-stw-app><html>
<head>
<x-stw-head-meta
:dark="$dark"
:tile="$tile"
:theme="$theme"
/>
<x-slot name="head" />
@if ($dark)
@darkMode
@endif
@stack('head')
</head>
<body>
{{ $slot }}
<x-slot name="scripts" />
@stack('modals')
@stack('scripts')
</body>
</html>Props
dark(bool): Enable dark mode.tile(string): Hexadecimal color for the tile.theme(string): Hexadecimal color for the theme.
Stacks
To use with @push or @pushOnce helpers.
<head>: Contains@stack('head')<body>: Contains@stack('modals')and@stack('scripts')after the slot.
Components
<x-stw-head-meta />: In<head />
<x-stw-head-meta />
// TODO
<x-stw-button />
// TODO
<x-stw-color-mode />
// TODO