Import Block

Stacked import statements with destructured names and module paths in a quiet syntax palette.

import{useState, useEffect}from"react";

import{Button}from"@/ui/button";

import{cn}from"@/lib/utils";

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Code6 } from "@/components/beste/piece/code6";

<Code6
  imports={[
    {
      "names": [
        "useState",
        "useEffect"
      ],
      "source": "react"
    },
    {
      "names": [
        "Button"
      ],
      "source": "@/ui/button"
    },
    {
      "names": [
        "cn"
      ],
      "source": "@/lib/utils"
    }
  ]}
/>