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.
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)
Domain
Subdomains
Functions
Dependencies
- avatar
- badge
- command
- dropdown-menu
- field
- icons-react
- input-group
- popover
- react
- switch
- tooltip
Imported By
Source
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