livewire-material

Files

T

Andreas Reinhold / reiniandClaude Opus 5 7bdd3ef61c Draw the badge without Tailwind

Plan step 36. <x-badge> renders data-md-badge with data-md-dot,
data-md-variant (solid, tonal or outline, resolved in that order),
data-md-color and data-md-floating; badge.css draws BadgeTokens' dot and
count, the status label, each colour's pair of roles through custom
properties, and M3's anchor geometry when floating. A plain badge sets
no colour, so the caller's CSS paints it.

NavigationBarTest (navigation group) asserts the dot by data-md-dot.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

2026-09-14 14:34:24 +02:00

Components

Draw the badge without Tailwind

2026-09-14 14:34:24 +02:00

BoostResourcesTest.php

Test that the guideline and the design skill cannot drift, and attribute Google

2026-09-14 04:04:25 +02:00

BreakpointsTest.php

Scan for Tailwind breakpoints, and drive the shell by class in the browser

2026-09-14 05:35:43 +02:00

DesignGuardTest.php

Square the full-screen dialog with the M3 corner token, and guard every package view