# Register Simple

> Card cadastro centrado — blockus register #01-08.

A shadcn/ui block from the [@lema-ds](https://ds.lema.ufpb.br) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/lema-ds/ds-register-simple).

- Page, with a live preview: https://shadcn.exchange/r/lema-ds/ds-register-simple
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/lema-ds/ds-register-simple-light-224d05d8c2e66c7d.png
- Registry item: https://ds.lema.ufpb.br/r/ds-register-simple.json
- Categories: register
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-register-simple.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Dependencies

- Registry items: `@lema-ds/ds-register`, `@lema-ds/badge`

## Files

### `components/ds/ds-register-simple.tsx`

```tsx
"use client"

import * as React from "react"

import { cn } from "@/lib/utils"
import { Badge } from "@/components/ui/badge"
import { Register, type RegisterProps } from "./ds-register"

// ── Types ──────────────────────────────────────────────────────────────────

export type RegisterSimpleProps = RegisterProps & { badge?: string }

// ── Component ──────────────────────────────────────────────────────────────

export function RegisterSimple({
  className,
  badge,
  ...props
}: RegisterSimpleProps) {
  return (
    <div
      data-slot="register-simple"
      className={cn("mx-auto flex w-full max-w-md flex-col gap-4", className)}
    >
      {badge && (
        <Badge variant="outline" className="mx-auto rounded-full">
          {badge}
        </Badge>
      )}
      <Register {...props} />
    </div>
  )
}
```