Home / File/ notion-prompt-form.tsx — ui Source File

notion-prompt-form.tsx — ui Source File

Architecture documentation for notion-prompt-form.tsx, a tsx file in the ui codebase. 11 imports, 1 dependents.

File tsx DocumentationAtlas Changelog 11 imports 1 dependents 2 functions

Entity Profile

Dependency Diagram

graph LR
  dc94690e_b847_6c9c_ceab_8392e373cb92["notion-prompt-form.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  dc94690e_b847_6c9c_ceab_8392e373cb92 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  ec3aa9ae_e596_5628_1560_c37c71899cb4["avatar"]
  dc94690e_b847_6c9c_ceab_8392e373cb92 --> ec3aa9ae_e596_5628_1560_c37c71899cb4
  0e5bfac8_76e1_675a_4d46_a5283014eb00["badge"]
  dc94690e_b847_6c9c_ceab_8392e373cb92 --> 0e5bfac8_76e1_675a_4d46_a5283014eb00
  6bfe636e_b01e_60f8_51ec_ace45a509cd7["command"]
  dc94690e_b847_6c9c_ceab_8392e373cb92 --> 6bfe636e_b01e_60f8_51ec_ace45a509cd7
  c4660ec2_c67c_8de8_aea3_ab3bf7989b6f["dropdown-menu"]
  dc94690e_b847_6c9c_ceab_8392e373cb92 --> c4660ec2_c67c_8de8_aea3_ab3bf7989b6f
  b5f68436_cf6b_fba3_fb29_abf27fd13442["field"]
  dc94690e_b847_6c9c_ceab_8392e373cb92 --> b5f68436_cf6b_fba3_fb29_abf27fd13442
  d4ae1ebd_39ec_2b17_5c84_fbca1aec26c7["input-group"]
  dc94690e_b847_6c9c_ceab_8392e373cb92 --> d4ae1ebd_39ec_2b17_5c84_fbca1aec26c7
  97b1d83c_62f2_f7a6_4edb_030a627d9a9d["popover"]
  dc94690e_b847_6c9c_ceab_8392e373cb92 --> 97b1d83c_62f2_f7a6_4edb_030a627d9a9d
  098564c8_4bac_7383_9c85_e180c474572e["switch"]
  dc94690e_b847_6c9c_ceab_8392e373cb92 --> 098564c8_4bac_7383_9c85_e180c474572e
  2e5ffaa4_e254_231d_7f3e_d1b7ff0bfae7["tooltip"]
  dc94690e_b847_6c9c_ceab_8392e373cb92 --> 2e5ffaa4_e254_231d_7f3e_d1b7ff0bfae7
  39a0d62e_8e7d_d097_eb95_91d2bca361f7["icons-react"]
  dc94690e_b847_6c9c_ceab_8392e373cb92 --> 39a0d62e_8e7d_d097_eb95_91d2bca361f7
  53860de0_4d86_dc1d_c85a_07c01f0d1a07["index.tsx"]
  53860de0_4d86_dc1d_c85a_07c01f0d1a07 --> dc94690e_b847_6c9c_ceab_8392e373cb92
  style dc94690e_b847_6c9c_ceab_8392e373cb92 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import { useMemo, useState } from "react"
import { Avatar, AvatarFallback, AvatarImage } from "@/examples/radix/ui/avatar"
import { Badge } from "@/examples/radix/ui/badge"
import {
  Command,
  CommandEmpty,
  CommandGroup,
  CommandInput,
  CommandItem,
  CommandList,
} from "@/examples/radix/ui/command"
import {
  DropdownMenu,
  DropdownMenuCheckboxItem,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuItem,
  DropdownMenuLabel,
  DropdownMenuSeparator,
  DropdownMenuSub,
  DropdownMenuSubContent,
  DropdownMenuSubTrigger,
  DropdownMenuTrigger,
} from "@/examples/radix/ui/dropdown-menu"
import { Field, FieldLabel } from "@/examples/radix/ui/field"
import {
  InputGroup,
  InputGroupAddon,
  InputGroupButton,
  InputGroupTextarea,
} from "@/examples/radix/ui/input-group"
import {
  Popover,
  PopoverContent,
  PopoverTrigger,
} from "@/examples/radix/ui/popover"
import { Switch } from "@/examples/radix/ui/switch"
import {
  Tooltip,
  TooltipContent,
  TooltipTrigger,
} from "@/examples/radix/ui/tooltip"
import {
  IconApps,
  IconArrowUp,
  IconAt,
  IconBook,
  IconCircleDashedPlus,
  IconPaperclip,
  IconPlus,
  IconWorld,
  IconX,
} from "@tabler/icons-react"

const SAMPLE_DATA = {
  mentionable: [
    {
      type: "page",
// ... (385 more lines)

Subdomains

Dependencies

  • avatar
  • badge
  • command
  • dropdown-menu
  • field
  • icons-react
  • input-group
  • popover
  • react
  • switch
  • tooltip

Frequently Asked Questions

What does notion-prompt-form.tsx do?
notion-prompt-form.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, Changelog subdomain.
What functions are defined in notion-prompt-form.tsx?
notion-prompt-form.tsx defines 2 function(s): MentionableIcon, NotionPromptForm.
What does notion-prompt-form.tsx depend on?
notion-prompt-form.tsx imports 11 module(s): avatar, badge, command, dropdown-menu, field, icons-react, input-group, popover, and 3 more.
What files import notion-prompt-form.tsx?
notion-prompt-form.tsx is imported by 1 file(s): index.tsx.
Where is notion-prompt-form.tsx in the architecture?
notion-prompt-form.tsx is located at apps/v4/app/(app)/(root)/components/notion-prompt-form.tsx (domain: DocumentationAtlas, subdomain: Changelog, directory: apps/v4/app/(app)/(root)/components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free