webiny-admin-ui-catalog

# admin/ui ## How to Use 1. Find the abstraction you need below 2. You MUST read the source file to get the exact interface and types! 3. Import: `import { Name } from "<importPath>";` ## Abstractions --- **Name:** `Accordion` **Import:** `import { Accordion } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/Accordion/index.ts` --- **Name:** `AdminLayout` **Import:** `import { AdminLayout } from "webiny/admin/ui"` **Source:** `@webiny/app-admin/components/AdminLayout.tsx` --- **Name:** `Alert` **Import:** `import { Alert } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/Alert/index.ts` --- **Name:** `AutoComplete` **Import:** `import { AutoComplete } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/AutoComplete/index.ts` --- **Name:** `Avatar` **Import:** `import { Avatar } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/Avatar/index.ts` --- **Name:** `BetaBadge` **Import:** `import { BetaBadge } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/BetaBadge/BetaBadge.tsx` --- **Name:** `Button` **Import:** `import { Button } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/Button/index.ts` --- **Name:** `Card` **Import:** `import { Card } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/Card/index.ts` --- **Name:** `Checkbox` **Import:** `import { Checkbox } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/Checkbox/index.ts` --- **Name:** `CheckboxGroup` **Import:** `import { CheckboxGroup } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/CheckboxGroup/index.ts` --- **Name:** `CloneIcon` **Import:** `import { CloneIcon } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/DataList/index.ts` --- **Name:** `cn` **Import:** `import { cn } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/utils.tsx` --- **Name:** `CodeEditor` **Import:** `import { CodeEditor } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/CodeEditor/index.ts` --- **Name:** `ColorPicker` **Import:** `import { ColorPicker } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/ColorPicker/index.ts` --- **Name:** `CopyButton` **Import:** `import { CopyButton } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/Button/index.ts` --- **Name:** `CreateIcon` **Import:** `import { CreateIcon } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/DataList/index.ts` --- **Name:** `cva` **Import:** `import { cva } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/utils.tsx` --- **Name:** `DataList` **Import:** `import { DataList } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/DataList/index.ts` --- **Name:** `DataListModal` **Import:** `import { DataListModal } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/DataList/index.ts` --- **Name:** `DataListWithSections` **Import:** `import { DataListWithSections } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/DataList/index.ts` --- **Name:** `DataTable` **Import:** `import { DataTable } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/DataTable/index.ts` --- **Name:** `DelayedOnChange` **Import:** `import { DelayedOnChange } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/DelayedOnChange/index.ts` --- **Name:** `DeleteIcon` **Import:** `import { DeleteIcon } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/DataList/index.ts` --- **Name:** `Dialog` **Import:** `import { Dialog } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/Dialog/index.ts` --- **Name:** `Divider` **Import:** `import { Divider } from "webiny/admin/ui/lexical"` **Source:** `@webiny/lexical-editor/ui/Divider.tsx` --- **Name:** `DownloadIcon` **Import:** `import { DownloadIcon } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/DataList/index.ts` --- **Name:** `Drawer` **Import:** `import { Drawer } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/Drawer/index.ts` --- **Name:** `DropDown` **Import:** `import { DropDown } from "webiny/admin/ui/lexical"` **Source:** `@webiny/lexical-editor/ui/DropDown.tsx` --- **Name:** `DropDownItem` **Import:** `import { DropDownItem } from "webiny/admin/ui/lexical"` **Source:** `@webiny/lexical-editor/ui/DropDown.tsx` --- **Name:** `DropdownMenu` **Import:** `import { DropdownMenu } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/DropdownMenu/index.ts` --- **Name:** `DynamicFieldset` **Import:** `import { DynamicFieldset } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/DynamicFieldset/index.ts` --- **Name:** `EditIcon` **Import:** `import { EditIcon } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/DataList/index.ts` --- **Name:** `EmptyState` **Import:** `import { EmptyState } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/EmptyState/index.ts` --- **Name:** `FileManager` **Import:** `import { FileManager } from "webiny/admin/ui/file-manager"` **Source:** `@webiny/app-admin/base/ui/FileManager.tsx` --- **Name:** `FileManagerFileItem` **Kind:** type **Import:** `import type { FileManagerFileItem } from "webiny/admin/ui/file-manager"` **Source:** `@webiny/app-admin/base/ui/FileManager.tsx` **Description:** Represents a file object managed by the File Manager. --- **Name:** `FileManagerViewConfig` **Import:** `import { FileManagerViewConfig } from "webiny/admin/ui/file-manager"` **Source:** `@webiny/app-file-manager/presentation/config/FileManagerViewConfig.tsx` --- **Name:** `FilePicker` **Import:** `import { FilePicker } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/FilePicker/index.ts` --- **Name:** `FileUrlFormatter` **Import:** `import { FileUrlFormatter } from "webiny/admin/ui/file-manager"` **Source:** `@webiny/app-admin/features/fileUrlFormatter/abstractions.ts` --- **Name:** `FillViewport` **Import:** `import { FillViewport } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/FillViewport/index.ts` --- **Name:** `FillViewportHeight` **Import:** `import { FillViewportHeight } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/FillViewport/index.ts` --- **Name:** `FillViewportWidth` **Import:** `import { FillViewportWidth } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/FillViewport/index.ts` --- **Name:** `FilterIcon` **Import:** `import { FilterIcon } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/DataList/index.ts` --- **Name:** `FolderPicker` **Import:** `import { FolderPicker } from "webiny/admin/ui"` **Source:** `@webiny/app-aco/components/FolderPicker/FolderPicker.tsx` --- **Name:** `FolderTree` **Import:** `import { FolderTree } from "webiny/admin/ui"` **Source:** `@webiny/app-aco/components/FolderTree/index.tsx` --- **Name:** `FormComponentDescription` **Import:** `import { FormComponentDescription } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/FormComponent/index.ts` --- **Name:** `FormComponentErrorMessage` **Import:** `import { FormComponentErrorMessage } from "webiny/admin/ui"` **Source:** `@webiny/admin-ui/FormComponent/index.ts` ---