Create Community

Dialog for creating communities with name, description, and settings. Renders a modal with input fields for community name, pricing options, and application requirements. Shows when a user wants to create a new community.

byWatermelon Corp from Watermelon

Installation

terminal

pnpm dlx layro-cli add @watermeloncorp/create-community

npx layro-cli add @watermeloncorp/create-community

npx layro-cli add @watermeloncorp/create-community

bunx layro-cli add @watermeloncorp/create-community

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client";

import React, { useState, useEffect } from 'react';
import { motion, AnimatePresence } from 'motion/react';
import { X, Info } from 'lucide-react';

interface CommunityData {
  communityName: string;
  pricing: string;
  isApplicationRequired: boolean;
}

interface CreateCommunityProps {
  isOpen: boolean;