master @ 10 LINES
[ HISTORY ] [ UP ]
┌─ ASTRO ────────────────────────────────────────────────────────────────────┐
│ --- │
│ import type { Props } from "./Button"; │
│ import "./Button.scss"; │
│ │
│ const { label, href, type = "button", variant = "default", disabled = false, curre │
│ nt = false } = Astro.props as Props; │
│ --- │
│ {href && !disabled │
│ ? <a href={href} class:list={["btn", variant]} aria-current={current ? "page" : │
│ undefined}>[ {label} ]</a> │
│ : <button type={type} class:list={["btn", variant]} disabled={disabled}>[ {label │
│ } ]</button>} │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ASTRO ──────────────────────────────┐
│ --- │
│ import type { Props } from "./Button"; │
│ import "./Button.scss"; │
│ │
│ const { label, href, type = "button", varian │
│ t = "default", disabled = false, current = f │
│ alse } = Astro.props as Props; │
│ --- │
│ {href && !disabled │
│ ? <a href={href} class:list={["btn", varia │
│ nt]} aria-current={current ? "page" : undefi │
│ ned}>[ {label} ]</a> │
│ : <button type={type} class:list={["btn", │
│ variant]} disabled={disabled}>[ {label} ]</b │
│ utton>} │
└──────────────────────────────────────────────┘
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET