Cookbook / Tailwind Style

Tailwind Style

display

Tailwind utilities in the template coexisting with a scoped @style block for component-specific rules.

id
tailwind-style
since
0.5.0
file
tailwind-style.aihu
stateactionon:clickinterpolation

Run it

source · static

This recipe doesn't have a hydrated island in the demo gallery yet. An in-browser, WASM-compiled playground (edit this source and re-render live) is planned as a follow-up — read the real source below.

Source

tailwind-style.aihu

Requires

concerns
stylingstate

Anti-patterns

  • Do not duplicate utility rules inside @style — the scoped block is for rules the utility layer cannot express.

Related recipes