Card

Installation

Copy and paste the following file into your project.

ui/card.hop

<component name="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border border-zinc-300 py-6 shadow-sm">
</component>

Usage

main.hop

<import component="card" from="ui/card">

<component name="main" class="w-full max-w-sm">
    <render component="card"></render>
</component>