Tile UI Vue
Source code

Examples

Contact Form

A compact support form using card, label, input, textarea, and button primitives.

Contact support

Send a structured request without building the form anatomy from scratch.

We reply to the address used here.
Include relevant context and links.
import { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Input, Textarea } from '@tile-ui/vue';
 
export default function ContactFormDemo() {
	return (
		<Card>
			<CardHeader>

Install

pnpm dlx shadcn@latest add @tile-ui/card @tile-ui/label @tile-ui/input @tile-ui/textarea @tile-ui/button
  • card
  • label
  • input
  • textarea
  • button

Why this example exists

It demonstrates how the field primitives work together as a coherent form surface: a Card frames the request, Input and Textarea provide labeled fields, and Button actions sit in the footer.

PreviousExamplesNextNewsletter Card