webawesome/docs/docs/components/test.md

layout

layout
blank

{#

This is a callout.

This is a callout with an explicit icon. Here be dragons. Toggle #} <style> wa-callout { --wa-icon-variant: regular; --wa-icon-name: info-circle; &[variant="warning"] { --wa-icon-name: triangle-exclamation; } } wa-button, button { --wa-icon-variant: regular; &:hover { --wa-icon-variant: solid; } } .github { --wa-icon-name: github; --wa-icon-family: brands; &:hover { --wa-icon-name: arrow-up-right-from-square !important; --wa-icon-family: classic !important; } } </style>

Toggle Toggle  

GitHub