Reference
API index
root, icon, style과 선택적 integration의 공개 import 경로를 정리합니다.
기본 import 컴포넌트
아래 컴포넌트는 @amineslab/ui에서 가져옵니다.
Button
ButtonIconButtonIconButtonButtonGroupButtonGroupActionMenuActionMenu, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuPortal, DropdownMenuGroup, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcutFieldField, FieldRoot, Label, FieldLabel, FieldDescription, FieldError, FieldControl, FormFieldInputInputTextareaTextareaSelectSelect, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectGroup, SelectLabel, SelectSeparatorCheckboxCheckboxRadioGroupRadioGroup, RadioGroupRoot, RadioGroupItemSwitchSwitchCalendarCalendarDatePickerDatePickerDateRangePickerDateRangePickerTimeInputTimeInputTimeWheelTimeWheelNumberInputNumberInput, formatNumeric, parseNumericPasswordInputPasswordInputPhoneInputPhoneInput, formatPhoneInput, formatPhoneNumber, isValidPhoneNumberFileInputFileInput, matchesAccept, formatBytesFilePickerFilePickerFileUploadFileUpload, fileDropAreaVariantsPhotoFieldPhotoFieldPhotoGridPhotoGridPhotoLightboxPhotoLightboxFormStackFormStackFormFieldFormFieldFormActionsFormActionsFormSurfaceFormSurface, FormSurfaceContent, FormSurfaceFooterPageHeaderPageHeaderSearchBarSearchBarCollapsibleSearchCollapsibleSearchAppliedFiltersAppliedFiltersStateFallbackStateFallback, stateFallbackVariantsLoadingOverlayLoadingOverlayAccordionAccordion, AccordionItem, AccordionTrigger, AccordionContentCollapsibleCollapsible, CollapsibleTrigger, CollapsibleContentComboboxComboboxCommandCommand, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, CommandShortcutContextMenuContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContentHoverCardHoverCard, HoverCardTrigger, HoverCardContentPaginationPagination, PaginationRoot, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationFirst, PaginationLast, PaginationEllipsis, usePaginationSliderSlider, sliderTrackVariantsSteppedSliderSteppedSliderToggleToggle, toggleVariantsSegmentSegment, SegmentList, SegmentItem, segmentItemVariants, segmentListVariantsSelectableCardSelectableGroup, SelectableCard, SelectableChip, nextSelectableValueSelectableOptionSelectableOptionBadgeBadgeAvatarAvatar, AvatarRoot, AvatarImage, AvatarFallback, AvatarGroupCardCard, CardRoot, CardHeader, CardTitle, CardDescription, CardContent, CardFooterScrollAreaScrollAreaSeparatorSeparatorSkeletonSkeletonTableTable, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaptionTabsTabs, TabsBar, TabsList, TabsTrigger, TabsContentBreadcrumbBreadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbCurrent, BreadcrumbSeparator, BreadcrumbOverflowSegmentedControlSegment, SegmentList, SegmentItem, SegmentedControl, SegmentedControlItemCalloutCalloutStatusFeedbackStatusFeedback, StatusFeedbackTitle, StatusFeedbackDescriptionSpinnerSpinnerProgressProgressDialogDialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogClose, DialogPortal, DialogOverlay, DialogBody, DialogTitle, DialogDescriptionConfirmConfirmAlertAlertToastToaster, toastSheetSheet, SheetTrigger, SheetContent, SheetHeader, SheetBody, SheetFooter, SheetClose, SheetTitle, SheetDescriptionTooltipTooltip, TooltipProvider, TooltipTrigger, TooltipContent, TooltipTitle, TooltipDescription, TooltipArrowPopoverPopover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose, PopoverPortal, PopoverArrow공개 import 경로
package.json에 선언된 공개 경로입니다. 별표 경로나 패키지 내부 경로는 공개 API가 아닙니다.
package.json exports
사용 기준
권장하는 사용
- 컴포넌트는 기본 경로에서, 아이콘과 integration은 각 전용 경로에서 가져옵니다.
피해야 할 사용
- 겉모양만으로 사용을 결정하지 마세요.
- 의미와 키보드 동작, 모바일에서의 흐름을 함께 확인하세요.