lpm-source-package

Example configurable source package for testing.

https://cli.lpm.dev/docs/packages/add

Install

lpm add lpm-source-package

Or with inline configuration:

lpm add "lpm-source-package?component=button&styling=panda"

To accept all defaults non-interactively:

lpm add lpm-source-package --yes

Usage

Button

import Button from "@/components/ui/button"

export default function App() {
  return (
    <Button variant="solid" size="md">
      Click me
    </Button>
  )
}

Dialog

import Dialog from "@/components/ui/dialog"
import { useState } from "react"

export default function App() {
  const [open, setOpen] = useState(false)

  return (
    <>
      <button onClick={() => setOpen(true)}>Open Dialog</button>
      <Dialog open={open} onClose={() => setOpen(false)} title="My Dialog">
        <p>Dialog content goes here.</p>
      </Dialog>
    </>
  )
}