Andreas Reinhold / reiniandClaude Opus 5
cd64f4f371
tests / browser (firefox, firefox) (push) Successful in 1m54s
tests / browser (safari, webkit) (push) Successful in 2m17s
tests / lint (push) Successful in 59s
tests / feature (8.4) (push) Successful in 1m7s
tests / feature (8.5) (push) Successful in 1m0s
tests / browser (chrome, chromium) (push) Successful in 1m49s
<x-button> (label buttons, icon buttons and toggles in five sizes, with filled, tonal, outlined, elevated and text variants in any colour role), <x-tooltip>, <x-menu> with items, groups and separators, <x-button-group>, <x-group> as a connected button group, <x-split-button>, <x-fab>, <x-fab-menu> and <x-loading>. Sizes, colours and shapes come from androidx Compose Material 3's tokens; the loading indicator ports its Morph into SVG + SMIL. Menus follow WAI-ARIA's menu button pattern on popovers placed by CSS anchor positioning. Browser tests run in Chromium, Firefox and WebKit. The showcase fetches the icon names on demand: inlined, they tripped Pest's test server into HTTP 431s under Firefox. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01V9NnLxnPp8vaaurb3Z1MFy
19 lines
853 B
PHP
19 lines
853 B
PHP
@extends('livewire-material::showcase.layout')
|
|
|
|
@section('content')
|
|
<main class="mx-auto max-w-6xl space-y-16 px-4 py-10">
|
|
<p class="max-w-3xl type-body-lg text-on-surface-variant">
|
|
Every token and component, in this application's own scheme. Components appear here as they land.
|
|
</p>
|
|
|
|
@include('livewire-material::showcase.sections.colour')
|
|
@include('livewire-material::showcase.sections.type')
|
|
@include('livewire-material::showcase.sections.shape')
|
|
@include('livewire-material::showcase.sections.elevation')
|
|
@include('livewire-material::showcase.sections.motion')
|
|
@include('livewire-material::showcase.sections.icons')
|
|
@include('livewire-material::showcase.sections.buttons')
|
|
@include('livewire-material::showcase.sections.menus')
|
|
</main>
|
|
@endsection
|