Home Next

v.f7879fb

1 - Introduction

Your first component - adding data

Hello, [INSERT NAME HERE]!

Dynamic Attributes

Crouton

Styling

This is a styled paragraph.
My colour and font weight are set in a scoped style block.
The rest of my styles are from global styles using Tailwind CSS.

Nested Components

I come from inside a nested component.
I have the same classes as the styled paragraph in my parent component.
The tailwind classes are applied because they're global.
However, the purple colour and bold font weight are scoped to my parent component only, so I don't get those styles.

HTML Tags

This is inserted HTML, whereas this is not inserted HTML.