Public
- Public
- Network
- Groups
- Popular
- People

Screenshot of code: export default ({ SLOT, activeSection = '', autoHeading = true}) => html` <${Application} layout='settings'> <${Navigation} activeSection=${activeSection} /> <main id='content'> <if ${autoHeading}> <h2>${activeSection}</h2> </if> ${SLOT} </main> </>

Download link

Screenshot of code: export default ({ SLOT, activeSection = '', autoHeading = true}) => html` <${Application} layout='settings'> <${Navigation} activeSection=${activeSection} /> <main id='content'> <if ${autoHeading}> <h2>${activeSection}</h2> </if> ${SLOT} </main> </>
https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/110/118/714/550/511/297/original/8a333159c7886231.png

Notices where this attachment appears

Aral Balkan (aral@mastodon.ar.al)'s status on Saturday, 01-Apr-2023 00:59:47 JST Aral Balkan

:kitten: One of the nice things with the new conditional syntax in Kitten¹ is that you can have conditional styles in your components :)
¹ https://codeberg.org/kitten/app
#Kitten #SmallWeb #web #dev #js #css #styles #conditionals

In conversation Saturday, 01-Apr-2023 00:59:47 JST from mastodon.ar.al permalink