Files
WRNexusJS/packages/ui/component-catalog.json
T

4179 lines
105 KiB
JSON

{
"sourceDocuments": [
"WRNexus Essential Component Inventory v1.0",
"WRNexus Public SaaS Component System Checklist v1.0"
],
"components": [
{
"name": "AcceptAllCookiesButton",
"category": "actions",
"purpose": "Reusable accept all cookies button component."
},
{
"name": "AccessibleAccordion",
"category": "content",
"purpose": "Reusable accessible accordion component."
},
{
"name": "AccessibleCarousel",
"category": "content",
"purpose": "Reusable accessible carousel component."
},
{
"name": "AccessibleChartSummary",
"category": "content",
"purpose": "Reusable accessible chart summary component."
},
{
"name": "AccessibleDialog",
"category": "overlays",
"purpose": "Reusable accessible dialog component."
},
{
"name": "AccessibleErrorSummary",
"category": "content",
"purpose": "Reusable accessible error summary component."
},
{
"name": "AccessibleIcon",
"category": "content",
"purpose": "Reusable accessible icon component."
},
{
"name": "AccessibleMenu",
"category": "overlays",
"purpose": "Reusable accessible menu component."
},
{
"name": "AccessibleTabs",
"category": "content",
"purpose": "Reusable accessible tabs component."
},
{
"name": "AccessibleTooltip",
"category": "content",
"purpose": "Reusable accessible tooltip component."
},
{
"name": "Accordion",
"category": "content",
"purpose": "Reusable accordion component."
},
{
"name": "AccountMenu",
"category": "overlays",
"purpose": "Reusable account menu component."
},
{
"name": "AccountStatusBanner",
"category": "feedback",
"purpose": "Reusable account status banner component."
},
{
"name": "ActionMenu",
"category": "overlays",
"purpose": "Reusable action menu component."
},
{
"name": "ActiveFilterList",
"category": "data",
"purpose": "Reusable active filter list component."
},
{
"name": "ActivityList",
"category": "data",
"purpose": "Reusable activity list component."
},
{
"name": "AddOnCard",
"category": "content",
"purpose": "Reusable add on card component."
},
{
"name": "AddressInput",
"category": "forms",
"purpose": "Reusable address input component."
},
{
"name": "AddressPreview",
"category": "content",
"purpose": "Reusable address preview component."
},
{
"name": "AdvancedFilterBuilder",
"category": "content",
"purpose": "Reusable advanced filter builder component."
},
{
"name": "Alert",
"category": "feedback",
"purpose": "Reusable alert component."
},
{
"name": "AlertDialog",
"category": "overlays",
"purpose": "Reusable alert dialog component."
},
{
"name": "AmountInput",
"category": "forms",
"purpose": "Reusable amount input component."
},
{
"name": "AnalyticsDashboardPreview",
"category": "content",
"purpose": "Reusable analytics dashboard preview component."
},
{
"name": "AnchorNavigation",
"category": "layout",
"purpose": "Reusable anchor navigation component."
},
{
"name": "ApartmentInput",
"category": "forms",
"purpose": "Reusable apartment input component."
},
{
"name": "ApiAuthenticationNotice",
"category": "feedback",
"purpose": "Reusable api authentication notice component."
},
{
"name": "ApiEndpointCard",
"category": "content",
"purpose": "Reusable api endpoint card component."
},
{
"name": "ApiErrorExample",
"category": "content",
"purpose": "Reusable api error example component."
},
{
"name": "ApiHeaderTable",
"category": "data",
"purpose": "Reusable api header table component."
},
{
"name": "ApiKeyCreateDialog",
"category": "overlays",
"purpose": "Reusable api key create dialog component."
},
{
"name": "ApiKeyDisplay",
"category": "content",
"purpose": "Reusable api key display component."
},
{
"name": "ApiKeyInput",
"category": "forms",
"purpose": "Reusable api key input component."
},
{
"name": "ApiMethodBadge",
"category": "feedback",
"purpose": "Reusable api method badge component."
},
{
"name": "ApiParameterTable",
"category": "data",
"purpose": "Reusable api parameter table component."
},
{
"name": "ApiRateLimitNotice",
"category": "feedback",
"purpose": "Reusable api rate limit notice component."
},
{
"name": "ApiRequestExample",
"category": "content",
"purpose": "Reusable api request example component."
},
{
"name": "ApiResponseExample",
"category": "content",
"purpose": "Reusable api response example component."
},
{
"name": "ApiSchemaTable",
"category": "data",
"purpose": "Reusable api schema table component."
},
{
"name": "ApiSchemaViewer",
"category": "content",
"purpose": "Reusable api schema viewer component."
},
{
"name": "ApiVersionBadge",
"category": "feedback",
"purpose": "Reusable api version badge component."
},
{
"name": "AppHeader",
"category": "layout",
"purpose": "Reusable app header component."
},
{
"name": "ArchitectureSection",
"category": "layout",
"purpose": "Reusable architecture section component."
},
{
"name": "AreaChart",
"category": "visualization",
"purpose": "Reusable area chart component."
},
{
"name": "ArticleHero",
"category": "layout",
"purpose": "Reusable article hero component."
},
{
"name": "ArticleLayout",
"category": "layout",
"purpose": "Reusable article layout component."
},
{
"name": "ArticleNewsletterCTA",
"category": "actions",
"purpose": "Reusable article newsletter c t a component."
},
{
"name": "ArticlePageShell",
"category": "layout",
"purpose": "Reusable article page shell component."
},
{
"name": "ArticleShareActions",
"category": "actions",
"purpose": "Reusable article share actions component."
},
{
"name": "AssetCard",
"category": "content",
"purpose": "Reusable asset card component."
},
{
"name": "AttachmentPicker",
"category": "forms",
"purpose": "Reusable attachment picker component."
},
{
"name": "AttachmentUpload",
"category": "content",
"purpose": "Reusable attachment upload component."
},
{
"name": "AudioUpload",
"category": "content",
"purpose": "Reusable audio upload component."
},
{
"name": "AuditLogPreview",
"category": "content",
"purpose": "Reusable audit log preview component."
},
{
"name": "AuditTable",
"category": "data",
"purpose": "Reusable audit table component."
},
{
"name": "AuthenticatorCodeInput",
"category": "forms",
"purpose": "Reusable authenticator code input component."
},
{
"name": "AuthorAvatar",
"category": "content",
"purpose": "Reusable author avatar component."
},
{
"name": "AuthorCard",
"category": "content",
"purpose": "Reusable author card component."
},
{
"name": "AuthorizedApplicationCard",
"category": "content",
"purpose": "Reusable authorized application card component."
},
{
"name": "AutoGrid",
"category": "data",
"purpose": "Reusable auto grid component."
},
{
"name": "AutomationExampleCard",
"category": "content",
"purpose": "Reusable automation example card component."
},
{
"name": "AvailabilityCalendar",
"category": "content",
"purpose": "Reusable availability calendar component."
},
{
"name": "Avatar",
"category": "content",
"purpose": "Reusable avatar component."
},
{
"name": "AvatarGroup",
"category": "forms",
"purpose": "Reusable avatar group component."
},
{
"name": "AvatarUpload",
"category": "content",
"purpose": "Reusable avatar upload component."
},
{
"name": "BackButton",
"category": "actions",
"purpose": "Reusable back button component."
},
{
"name": "Badge",
"category": "feedback",
"purpose": "Reusable badge component."
},
{
"name": "BankTransferDetails",
"category": "content",
"purpose": "Reusable bank transfer details component."
},
{
"name": "Banner",
"category": "feedback",
"purpose": "Reusable banner component."
},
{
"name": "BarChart",
"category": "visualization",
"purpose": "Reusable bar chart component."
},
{
"name": "BetaBadge",
"category": "feedback",
"purpose": "Reusable beta badge component."
},
{
"name": "BillingAddressForm",
"category": "content",
"purpose": "Reusable billing address form component."
},
{
"name": "BillingExample",
"category": "content",
"purpose": "Reusable billing example component."
},
{
"name": "BillingPeriodToggle",
"category": "forms",
"purpose": "Reusable billing period toggle component."
},
{
"name": "BlackoutDatePicker",
"category": "forms",
"purpose": "Reusable blackout date picker component."
},
{
"name": "BlogCard",
"category": "content",
"purpose": "Reusable blog card component."
},
{
"name": "BlogGrid",
"category": "data",
"purpose": "Reusable blog grid component."
},
{
"name": "BlogList",
"category": "data",
"purpose": "Reusable blog list component."
},
{
"name": "BlogSearch",
"category": "content",
"purpose": "Reusable blog search component."
},
{
"name": "BodyText",
"category": "content",
"purpose": "Reusable body text component."
},
{
"name": "BorderRadiusPicker",
"category": "forms",
"purpose": "Reusable border radius picker component."
},
{
"name": "BottomNavigation",
"category": "layout",
"purpose": "Reusable bottom navigation component."
},
{
"name": "BrandColorPicker",
"category": "forms",
"purpose": "Reusable brand color picker component."
},
{
"name": "BrandSelector",
"category": "forms",
"purpose": "Reusable brand selector component."
},
{
"name": "BrowserFrame",
"category": "layout",
"purpose": "Reusable browser frame component."
},
{
"name": "BudgetRangeSlider",
"category": "content",
"purpose": "Reusable budget range slider component."
},
{
"name": "BudgetSelector",
"category": "forms",
"purpose": "Reusable budget selector component."
},
{
"name": "BusinessHoursPicker",
"category": "forms",
"purpose": "Reusable business hours picker component."
},
{
"name": "Button",
"category": "actions",
"purpose": "Reusable button component."
},
{
"name": "ButtonGroup",
"category": "forms",
"purpose": "Reusable button group component."
},
{
"name": "ButtonSelector",
"category": "forms",
"purpose": "Reusable button selector component."
},
{
"name": "CTASection",
"category": "layout",
"purpose": "Reusable c t a section component."
},
{
"name": "Calendar",
"category": "content",
"purpose": "Reusable calendar component."
},
{
"name": "CalendarGrid",
"category": "data",
"purpose": "Reusable calendar grid component."
},
{
"name": "CalendarHeader",
"category": "layout",
"purpose": "Reusable calendar header component."
},
{
"name": "CalendarNavigation",
"category": "layout",
"purpose": "Reusable calendar navigation component."
},
{
"name": "CallbackUrlInput",
"category": "forms",
"purpose": "Reusable callback url input component."
},
{
"name": "CampaignCard",
"category": "content",
"purpose": "Reusable campaign card component."
},
{
"name": "CampaignPerformancePreview",
"category": "content",
"purpose": "Reusable campaign performance preview component."
},
{
"name": "CampaignProgress",
"category": "visualization",
"purpose": "Reusable campaign progress component."
},
{
"name": "CapabilityGrid",
"category": "data",
"purpose": "Reusable capability grid component."
},
{
"name": "CaptchaField",
"category": "forms",
"purpose": "Reusable captcha field component."
},
{
"name": "Card",
"category": "content",
"purpose": "Reusable card component."
},
{
"name": "CardPaymentForm",
"category": "content",
"purpose": "Reusable card payment form component."
},
{
"name": "CardSelector",
"category": "forms",
"purpose": "Reusable card selector component."
},
{
"name": "CardSkeleton",
"category": "feedback",
"purpose": "Reusable card skeleton component."
},
{
"name": "CareerApplicationForm",
"category": "content",
"purpose": "Reusable career application form component."
},
{
"name": "CareerBenefitsGrid",
"category": "data",
"purpose": "Reusable career benefits grid component."
},
{
"name": "Carousel",
"category": "content",
"purpose": "Reusable carousel component."
},
{
"name": "CaseStudyCard",
"category": "content",
"purpose": "Reusable case study card component."
},
{
"name": "CaseStudyHero",
"category": "layout",
"purpose": "Reusable case study hero component."
},
{
"name": "CaseStudyPreview",
"category": "content",
"purpose": "Reusable case study preview component."
},
{
"name": "CenteredCTA",
"category": "actions",
"purpose": "Reusable centered c t a component."
},
{
"name": "CenteredHero",
"category": "layout",
"purpose": "Reusable centered hero component."
},
{
"name": "CenteredSectionHeader",
"category": "layout",
"purpose": "Reusable centered section header component."
},
{
"name": "CertificateUpload",
"category": "content",
"purpose": "Reusable certificate upload component."
},
{
"name": "CertificationBadge",
"category": "feedback",
"purpose": "Reusable certification badge component."
},
{
"name": "ChallengeSection",
"category": "layout",
"purpose": "Reusable challenge section component."
},
{
"name": "ChannelBadge",
"category": "feedback",
"purpose": "Reusable channel badge component."
},
{
"name": "ChannelCard",
"category": "content",
"purpose": "Reusable channel card component."
},
{
"name": "ChannelComparisonChart",
"category": "visualization",
"purpose": "Reusable channel comparison chart component."
},
{
"name": "ChannelComparisonTable",
"category": "data",
"purpose": "Reusable channel comparison table component."
},
{
"name": "ChannelFallbackDiagram",
"category": "visualization",
"purpose": "Reusable channel fallback diagram component."
},
{
"name": "ChannelFlow",
"category": "visualization",
"purpose": "Reusable channel flow component."
},
{
"name": "ChannelIcon",
"category": "content",
"purpose": "Reusable channel icon component."
},
{
"name": "ChannelRateTable",
"category": "data",
"purpose": "Reusable channel rate table component."
},
{
"name": "ChannelSelector",
"category": "forms",
"purpose": "Reusable channel selector component."
},
{
"name": "CharacterCounter",
"category": "feedback",
"purpose": "Reusable character counter component."
},
{
"name": "ChartEmptyState",
"category": "feedback",
"purpose": "Reusable chart empty state component."
},
{
"name": "ChartTooltip",
"category": "content",
"purpose": "Reusable chart tooltip component."
},
{
"name": "CheckboxGroup",
"category": "forms",
"purpose": "Reusable checkbox group component."
},
{
"name": "Checklist",
"category": "content",
"purpose": "Reusable checklist component."
},
{
"name": "ChecklistProgress",
"category": "visualization",
"purpose": "Reusable checklist progress component."
},
{
"name": "ChipInput",
"category": "forms",
"purpose": "Reusable chip input component."
},
{
"name": "CircularProgress",
"category": "visualization",
"purpose": "Reusable circular progress component."
},
{
"name": "CitySelector",
"category": "forms",
"purpose": "Reusable city selector component."
},
{
"name": "ClearFiltersButton",
"category": "actions",
"purpose": "Reusable clear filters button component."
},
{
"name": "ClickableCard",
"category": "content",
"purpose": "Reusable clickable card component."
},
{
"name": "CloseButton",
"category": "actions",
"purpose": "Reusable close button component."
},
{
"name": "Code",
"category": "content",
"purpose": "Reusable code component."
},
{
"name": "CodeBlock",
"category": "content",
"purpose": "Reusable code block component."
},
{
"name": "CodeCopyButton",
"category": "actions",
"purpose": "Reusable code copy button component."
},
{
"name": "CodeHeader",
"category": "layout",
"purpose": "Reusable code header component."
},
{
"name": "CodeInput",
"category": "forms",
"purpose": "Reusable code input component."
},
{
"name": "CodeLanguageBadge",
"category": "feedback",
"purpose": "Reusable code language badge component."
},
{
"name": "CodeTabs",
"category": "content",
"purpose": "Reusable code tabs component."
},
{
"name": "CodeText",
"category": "content",
"purpose": "Reusable code text component."
},
{
"name": "CohortChart",
"category": "visualization",
"purpose": "Reusable cohort chart component."
},
{
"name": "ColorGrid",
"category": "data",
"purpose": "Reusable color grid component."
},
{
"name": "ColorHexInput",
"category": "forms",
"purpose": "Reusable color hex input component."
},
{
"name": "ColorPicker",
"category": "forms",
"purpose": "Reusable color picker component."
},
{
"name": "ColorSelector",
"category": "forms",
"purpose": "Reusable color selector component."
},
{
"name": "ColorSwatch",
"category": "content",
"purpose": "Reusable color swatch component."
},
{
"name": "ComingSoonBadge",
"category": "feedback",
"purpose": "Reusable coming soon badge component."
},
{
"name": "ComingSoonState",
"category": "feedback",
"purpose": "Reusable coming soon state component."
},
{
"name": "CommandBlock",
"category": "content",
"purpose": "Reusable command block component."
},
{
"name": "CommandMenu",
"category": "overlays",
"purpose": "Reusable command menu component."
},
{
"name": "CommandSearchInput",
"category": "forms",
"purpose": "Reusable command search input component."
},
{
"name": "CompanyHero",
"category": "layout",
"purpose": "Reusable company hero component."
},
{
"name": "CompanyNameInput",
"category": "forms",
"purpose": "Reusable company name input component."
},
{
"name": "CompanyPageShell",
"category": "layout",
"purpose": "Reusable company page shell component."
},
{
"name": "CompanySizeSelector",
"category": "forms",
"purpose": "Reusable company size selector component."
},
{
"name": "ComparisonDateRangePicker",
"category": "forms",
"purpose": "Reusable comparison date range picker component."
},
{
"name": "ComparisonTable",
"category": "data",
"purpose": "Reusable comparison table component."
},
{
"name": "CompletionMeter",
"category": "visualization",
"purpose": "Reusable completion meter component."
},
{
"name": "ComplianceBadgeList",
"category": "data",
"purpose": "Reusable compliance badge list component."
},
{
"name": "ComplianceProgramCard",
"category": "content",
"purpose": "Reusable compliance program card component."
},
{
"name": "ConfirmPasswordInput",
"category": "forms",
"purpose": "Reusable confirm password input component."
},
{
"name": "ConfirmationDialog",
"category": "overlays",
"purpose": "Reusable confirmation dialog component."
},
{
"name": "ConnectedAccountCard",
"category": "content",
"purpose": "Reusable connected account card component."
},
{
"name": "ConnectionCard",
"category": "content",
"purpose": "Reusable connection card component."
},
{
"name": "ConsentTimelinePreview",
"category": "content",
"purpose": "Reusable consent timeline preview component."
},
{
"name": "ContactCTA",
"category": "actions",
"purpose": "Reusable contact c t a component."
},
{
"name": "ContactCard",
"category": "content",
"purpose": "Reusable contact card component."
},
{
"name": "ContactForm",
"category": "content",
"purpose": "Reusable contact form component."
},
{
"name": "ContactHero",
"category": "layout",
"purpose": "Reusable contact hero component."
},
{
"name": "ContactPageShell",
"category": "layout",
"purpose": "Reusable contact page shell component."
},
{
"name": "ContactSalesButton",
"category": "actions",
"purpose": "Reusable contact sales button component."
},
{
"name": "ContactSalesForm",
"category": "content",
"purpose": "Reusable contact sales form component."
},
{
"name": "ContextMenu",
"category": "overlays",
"purpose": "Reusable context menu component."
},
{
"name": "ContextSwitcher",
"category": "content",
"purpose": "Reusable context switcher component."
},
{
"name": "ConversationList",
"category": "data",
"purpose": "Reusable conversation list component."
},
{
"name": "ConversationPreview",
"category": "content",
"purpose": "Reusable conversation preview component."
},
{
"name": "ConversionChart",
"category": "visualization",
"purpose": "Reusable conversion chart component."
},
{
"name": "CookieBanner",
"category": "feedback",
"purpose": "Reusable cookie banner component."
},
{
"name": "CookieCategoryList",
"category": "data",
"purpose": "Reusable cookie category list component."
},
{
"name": "CookieCategoryToggle",
"category": "forms",
"purpose": "Reusable cookie category toggle component."
},
{
"name": "CookieDetailsTable",
"category": "data",
"purpose": "Reusable cookie details table component."
},
{
"name": "CookiePreferencesDialog",
"category": "overlays",
"purpose": "Reusable cookie preferences dialog component."
},
{
"name": "CookieTable",
"category": "data",
"purpose": "Reusable cookie table component."
},
{
"name": "CoordinatesInput",
"category": "forms",
"purpose": "Reusable coordinates input component."
},
{
"name": "CoordinatesPicker",
"category": "forms",
"purpose": "Reusable coordinates picker component."
},
{
"name": "CopyButton",
"category": "actions",
"purpose": "Reusable copy button component."
},
{
"name": "CopyCodeButton",
"category": "actions",
"purpose": "Reusable copy code button component."
},
{
"name": "CopySecretField",
"category": "forms",
"purpose": "Reusable copy secret field component."
},
{
"name": "CostBreakdownChart",
"category": "visualization",
"purpose": "Reusable cost breakdown chart component."
},
{
"name": "CostSummary",
"category": "content",
"purpose": "Reusable cost summary component."
},
{
"name": "Counter",
"category": "feedback",
"purpose": "Reusable counter component."
},
{
"name": "CountryCallingCodeInput",
"category": "forms",
"purpose": "Reusable country calling code input component."
},
{
"name": "CountryCallingCodeSelector",
"category": "forms",
"purpose": "Reusable country calling code selector component."
},
{
"name": "CountrySelector",
"category": "forms",
"purpose": "Reusable country selector component."
},
{
"name": "CouponInput",
"category": "forms",
"purpose": "Reusable coupon input component."
},
{
"name": "CreditAmountInput",
"category": "forms",
"purpose": "Reusable credit amount input component."
},
{
"name": "CronBuilder",
"category": "content",
"purpose": "Reusable cron builder component."
},
{
"name": "CronInput",
"category": "forms",
"purpose": "Reusable cron input component."
},
{
"name": "CsvUpload",
"category": "content",
"purpose": "Reusable csv upload component."
},
{
"name": "CurrencyInput",
"category": "forms",
"purpose": "Reusable currency input component."
},
{
"name": "CurrencySelector",
"category": "forms",
"purpose": "Reusable currency selector component."
},
{
"name": "CurrentPasswordInput",
"category": "forms",
"purpose": "Reusable current password input component."
},
{
"name": "CustomerLogo",
"category": "content",
"purpose": "Reusable customer logo component."
},
{
"name": "CustomerStoryCard",
"category": "content",
"purpose": "Reusable customer story card component."
},
{
"name": "DangerButton",
"category": "actions",
"purpose": "Reusable danger button component."
},
{
"name": "DataProtectionCard",
"category": "content",
"purpose": "Reusable data protection card component."
},
{
"name": "DataRetentionTable",
"category": "data",
"purpose": "Reusable data retention table component."
},
{
"name": "DataTable",
"category": "data",
"purpose": "Reusable data table component."
},
{
"name": "DateInput",
"category": "forms",
"purpose": "Reusable date input component."
},
{
"name": "DatePicker",
"category": "forms",
"purpose": "Reusable date picker component."
},
{
"name": "DateRangeCalendar",
"category": "content",
"purpose": "Reusable date range calendar component."
},
{
"name": "DateRangePicker",
"category": "forms",
"purpose": "Reusable date range picker component."
},
{
"name": "DateRangeSlider",
"category": "content",
"purpose": "Reusable date range slider component."
},
{
"name": "DateTimeInput",
"category": "forms",
"purpose": "Reusable date time input component."
},
{
"name": "DateTimePicker",
"category": "forms",
"purpose": "Reusable date time picker component."
},
{
"name": "DateTimeRangePicker",
"category": "forms",
"purpose": "Reusable date time range picker component."
},
{
"name": "DecimalInput",
"category": "forms",
"purpose": "Reusable decimal input component."
},
{
"name": "DefinitionList",
"category": "data",
"purpose": "Reusable definition list component."
},
{
"name": "DeleteConfirmationDialog",
"category": "overlays",
"purpose": "Reusable delete confirmation dialog component."
},
{
"name": "DeliveryPreview",
"category": "content",
"purpose": "Reusable delivery preview component."
},
{
"name": "DeliveryStatusChart",
"category": "visualization",
"purpose": "Reusable delivery status chart component."
},
{
"name": "DeliveryStatusTimeline",
"category": "visualization",
"purpose": "Reusable delivery status timeline component."
},
{
"name": "DemoRequestForm",
"category": "content",
"purpose": "Reusable demo request form component."
},
{
"name": "DepartmentInput",
"category": "forms",
"purpose": "Reusable department input component."
},
{
"name": "DeprecatedFeatureAlert",
"category": "feedback",
"purpose": "Reusable deprecated feature alert component."
},
{
"name": "DescriptionList",
"category": "data",
"purpose": "Reusable description list component."
},
{
"name": "DesktopNavigation",
"category": "layout",
"purpose": "Reusable desktop navigation component."
},
{
"name": "DeveloperCTA",
"category": "actions",
"purpose": "Reusable developer c t a component."
},
{
"name": "DeveloperHero",
"category": "layout",
"purpose": "Reusable developer hero component."
},
{
"name": "DeveloperPageShell",
"category": "layout",
"purpose": "Reusable developer page shell component."
},
{
"name": "DeveloperSearch",
"category": "content",
"purpose": "Reusable developer search component."
},
{
"name": "DevelopersMenu",
"category": "overlays",
"purpose": "Reusable developers menu component."
},
{
"name": "DeviceCard",
"category": "content",
"purpose": "Reusable device card component."
},
{
"name": "DiscountInput",
"category": "forms",
"purpose": "Reusable discount input component."
},
{
"name": "DisplayNameInput",
"category": "forms",
"purpose": "Reusable display name input component."
},
{
"name": "DoNotSellLink",
"category": "actions",
"purpose": "Reusable do not sell link component."
},
{
"name": "DocumentPreview",
"category": "content",
"purpose": "Reusable document preview component."
},
{
"name": "DocumentUpload",
"category": "content",
"purpose": "Reusable document upload component."
},
{
"name": "DomainInput",
"category": "forms",
"purpose": "Reusable domain input component."
},
{
"name": "DonutChart",
"category": "visualization",
"purpose": "Reusable donut chart component."
},
{
"name": "DownloadAction",
"category": "actions",
"purpose": "Reusable download action component."
},
{
"name": "DownloadButton",
"category": "actions",
"purpose": "Reusable download button component."
},
{
"name": "DownloadGateForm",
"category": "content",
"purpose": "Reusable download gate form component."
},
{
"name": "DownloadPolicyButton",
"category": "actions",
"purpose": "Reusable download policy button component."
},
{
"name": "DownloadResourceForm",
"category": "content",
"purpose": "Reusable download resource form component."
},
{
"name": "DropdownMenu",
"category": "overlays",
"purpose": "Reusable dropdown menu component."
},
{
"name": "DropdownNavigation",
"category": "layout",
"purpose": "Reusable dropdown navigation component."
},
{
"name": "DurationInput",
"category": "forms",
"purpose": "Reusable duration input component."
},
{
"name": "DurationPicker",
"category": "forms",
"purpose": "Reusable duration picker component."
},
{
"name": "DurationSlider",
"category": "content",
"purpose": "Reusable duration slider component."
},
{
"name": "ElevatedCard",
"category": "content",
"purpose": "Reusable elevated card component."
},
{
"name": "EmailBodyEditor",
"category": "forms",
"purpose": "Reusable email body editor component."
},
{
"name": "EmailComposer",
"category": "content",
"purpose": "Reusable email composer component."
},
{
"name": "EmailInput",
"category": "forms",
"purpose": "Reusable email input component."
},
{
"name": "EmojiPicker",
"category": "forms",
"purpose": "Reusable emoji picker component."
},
{
"name": "EmptyState",
"category": "feedback",
"purpose": "Reusable empty state component."
},
{
"name": "EncryptionDiagram",
"category": "visualization",
"purpose": "Reusable encryption diagram component."
},
{
"name": "EnterpriseCTA",
"category": "actions",
"purpose": "Reusable enterprise c t a component."
},
{
"name": "EnterpriseHero",
"category": "layout",
"purpose": "Reusable enterprise hero component."
},
{
"name": "EnterprisePricingCard",
"category": "content",
"purpose": "Reusable enterprise pricing card component."
},
{
"name": "EnvironmentSelector",
"category": "forms",
"purpose": "Reusable environment selector component."
},
{
"name": "EnvironmentSwitcher",
"category": "content",
"purpose": "Reusable environment switcher component."
},
{
"name": "ErrorActions",
"category": "actions",
"purpose": "Reusable error actions component."
},
{
"name": "ErrorCard",
"category": "content",
"purpose": "Reusable error card component."
},
{
"name": "ErrorCode",
"category": "content",
"purpose": "Reusable error code component."
},
{
"name": "ErrorHero",
"category": "layout",
"purpose": "Reusable error hero component."
},
{
"name": "ErrorIllustration",
"category": "content",
"purpose": "Reusable error illustration component."
},
{
"name": "ErrorPage",
"category": "content",
"purpose": "Reusable error page component."
},
{
"name": "ErrorPageShell",
"category": "layout",
"purpose": "Reusable error page shell component."
},
{
"name": "ErrorState",
"category": "feedback",
"purpose": "Reusable error state component."
},
{
"name": "ErrorSupportLink",
"category": "actions",
"purpose": "Reusable error support link component."
},
{
"name": "EstimatedCostSummary",
"category": "content",
"purpose": "Reusable estimated cost summary component."
},
{
"name": "EventTable",
"category": "data",
"purpose": "Reusable event table component."
},
{
"name": "ExpandableText",
"category": "content",
"purpose": "Reusable expandable text component."
},
{
"name": "ExpiryDateTimePicker",
"category": "forms",
"purpose": "Reusable expiry date time picker component."
},
{
"name": "ExportProgress",
"category": "visualization",
"purpose": "Reusable export progress component."
},
{
"name": "ExternalLink",
"category": "actions",
"purpose": "Reusable external link component."
},
{
"name": "EyebrowText",
"category": "content",
"purpose": "Reusable eyebrow text component."
},
{
"name": "FactorCard",
"category": "content",
"purpose": "Reusable factor card component."
},
{
"name": "FallbackRouteBuilder",
"category": "content",
"purpose": "Reusable fallback route builder component."
},
{
"name": "FallbackRouteDiagram",
"category": "visualization",
"purpose": "Reusable fallback route diagram component."
},
{
"name": "FaviconUpload",
"category": "content",
"purpose": "Reusable favicon upload component."
},
{
"name": "FaxInput",
"category": "forms",
"purpose": "Reusable fax input component."
},
{
"name": "FeatureCard",
"category": "content",
"purpose": "Reusable feature card component."
},
{
"name": "FeatureChecklist",
"category": "content",
"purpose": "Reusable feature checklist component."
},
{
"name": "FeatureComparisonTable",
"category": "data",
"purpose": "Reusable feature comparison table component."
},
{
"name": "FeatureDetailsPanel",
"category": "layout",
"purpose": "Reusable feature details panel component."
},
{
"name": "FeatureGrid",
"category": "data",
"purpose": "Reusable feature grid component."
},
{
"name": "FeatureIconCard",
"category": "content",
"purpose": "Reusable feature icon card component."
},
{
"name": "FeatureList",
"category": "data",
"purpose": "Reusable feature list component."
},
{
"name": "FeatureTabs",
"category": "content",
"purpose": "Reusable feature tabs component."
},
{
"name": "FeatureTimeline",
"category": "visualization",
"purpose": "Reusable feature timeline component."
},
{
"name": "FeatureUnavailableState",
"category": "feedback",
"purpose": "Reusable feature unavailable state component."
},
{
"name": "FeaturedBlogCard",
"category": "content",
"purpose": "Reusable featured blog card component."
},
{
"name": "FieldActions",
"category": "actions",
"purpose": "Reusable field actions component."
},
{
"name": "FileInput",
"category": "forms",
"purpose": "Reusable file input component."
},
{
"name": "FileList",
"category": "data",
"purpose": "Reusable file list component."
},
{
"name": "FileSizeInput",
"category": "forms",
"purpose": "Reusable file size input component."
},
{
"name": "FileSizeLabel",
"category": "content",
"purpose": "Reusable file size label component."
},
{
"name": "FileTypeBadge",
"category": "feedback",
"purpose": "Reusable file type badge component."
},
{
"name": "FileUpload",
"category": "content",
"purpose": "Reusable file upload component."
},
{
"name": "FilterMenu",
"category": "overlays",
"purpose": "Reusable filter menu component."
},
{
"name": "FilterSearchInput",
"category": "forms",
"purpose": "Reusable filter search input component."
},
{
"name": "FilterableTable",
"category": "data",
"purpose": "Reusable filterable table component."
},
{
"name": "FinalCTA",
"category": "actions",
"purpose": "Reusable final c t a component."
},
{
"name": "FirstNameInput",
"category": "forms",
"purpose": "Reusable first name input component."
},
{
"name": "FontPicker",
"category": "forms",
"purpose": "Reusable font picker component."
},
{
"name": "FontSizePicker",
"category": "forms",
"purpose": "Reusable font size picker component."
},
{
"name": "FontWeightPicker",
"category": "forms",
"purpose": "Reusable font weight picker component."
},
{
"name": "FooterLanguageSwitcher",
"category": "content",
"purpose": "Reusable footer language switcher component."
},
{
"name": "FooterStatusIndicator",
"category": "feedback",
"purpose": "Reusable footer status indicator component."
},
{
"name": "ForbiddenPage",
"category": "content",
"purpose": "Reusable forbidden page component."
},
{
"name": "ForbiddenState",
"category": "feedback",
"purpose": "Reusable forbidden state component."
},
{
"name": "ForgotPasswordForm",
"category": "content",
"purpose": "Reusable forgot password form component."
},
{
"name": "Form",
"category": "content",
"purpose": "Reusable form component."
},
{
"name": "FormActions",
"category": "actions",
"purpose": "Reusable form actions component."
},
{
"name": "FormAlert",
"category": "feedback",
"purpose": "Reusable form alert component."
},
{
"name": "FormDialog",
"category": "overlays",
"purpose": "Reusable form dialog component."
},
{
"name": "FormErrorSummary",
"category": "content",
"purpose": "Reusable form error summary component."
},
{
"name": "FormField",
"category": "forms",
"purpose": "Reusable form field component."
},
{
"name": "FormGrid",
"category": "data",
"purpose": "Reusable form grid component."
},
{
"name": "FormGroup",
"category": "forms",
"purpose": "Reusable form group component."
},
{
"name": "FormHelpText",
"category": "content",
"purpose": "Reusable form help text component."
},
{
"name": "FormLabel",
"category": "content",
"purpose": "Reusable form label component."
},
{
"name": "FormProgress",
"category": "visualization",
"purpose": "Reusable form progress component."
},
{
"name": "FormRow",
"category": "data",
"purpose": "Reusable form row component."
},
{
"name": "FormSection",
"category": "layout",
"purpose": "Reusable form section component."
},
{
"name": "FullscreenDialog",
"category": "overlays",
"purpose": "Reusable fullscreen dialog component."
},
{
"name": "FunnelChart",
"category": "visualization",
"purpose": "Reusable funnel chart component."
},
{
"name": "GeoChart",
"category": "visualization",
"purpose": "Reusable geo chart component."
},
{
"name": "GeofenceEditor",
"category": "forms",
"purpose": "Reusable geofence editor component."
},
{
"name": "GhostButton",
"category": "actions",
"purpose": "Reusable ghost button component."
},
{
"name": "GlassCard",
"category": "content",
"purpose": "Reusable glass card component."
},
{
"name": "GlobalSearch",
"category": "content",
"purpose": "Reusable global search component."
},
{
"name": "GradientCTA",
"category": "actions",
"purpose": "Reusable gradient c t a component."
},
{
"name": "GradientPicker",
"category": "forms",
"purpose": "Reusable gradient picker component."
},
{
"name": "GradientStopEditor",
"category": "forms",
"purpose": "Reusable gradient stop editor component."
},
{
"name": "Grid",
"category": "data",
"purpose": "Reusable grid component."
},
{
"name": "GuideCard",
"category": "content",
"purpose": "Reusable guide card component."
},
{
"name": "GuideChecklist",
"category": "content",
"purpose": "Reusable guide checklist component."
},
{
"name": "GuideDifficultyBadge",
"category": "feedback",
"purpose": "Reusable guide difficulty badge component."
},
{
"name": "GuideGrid",
"category": "data",
"purpose": "Reusable guide grid component."
},
{
"name": "GuideStep",
"category": "content",
"purpose": "Reusable guide step component."
},
{
"name": "Header",
"category": "layout",
"purpose": "Reusable header component."
},
{
"name": "HeaderActions",
"category": "actions",
"purpose": "Reusable header actions component."
},
{
"name": "HealthIndicator",
"category": "feedback",
"purpose": "Reusable health indicator component."
},
{
"name": "Hero",
"category": "layout",
"purpose": "Reusable hero component."
},
{
"name": "HeroActions",
"category": "actions",
"purpose": "Reusable hero actions component."
},
{
"name": "HeroCodePanel",
"category": "layout",
"purpose": "Reusable hero code panel component."
},
{
"name": "HeroGradientText",
"category": "content",
"purpose": "Reusable hero gradient text component."
},
{
"name": "HeroPrimaryAction",
"category": "actions",
"purpose": "Reusable hero primary action component."
},
{
"name": "HeroProductPreview",
"category": "content",
"purpose": "Reusable hero product preview component."
},
{
"name": "HeroSecondaryAction",
"category": "actions",
"purpose": "Reusable hero secondary action component."
},
{
"name": "HeroTrustText",
"category": "content",
"purpose": "Reusable hero trust text component."
},
{
"name": "HexColorInput",
"category": "forms",
"purpose": "Reusable hex color input component."
},
{
"name": "HiddenField",
"category": "forms",
"purpose": "Reusable hidden field component."
},
{
"name": "HighlightText",
"category": "content",
"purpose": "Reusable highlight text component."
},
{
"name": "HolidayCalendar",
"category": "content",
"purpose": "Reusable holiday calendar component."
},
{
"name": "HostnameInput",
"category": "forms",
"purpose": "Reusable hostname input component."
},
{
"name": "HourPicker",
"category": "forms",
"purpose": "Reusable hour picker component."
},
{
"name": "HslColorInput",
"category": "forms",
"purpose": "Reusable hsl color input component."
},
{
"name": "HtmlEditor",
"category": "forms",
"purpose": "Reusable html editor component."
},
{
"name": "HumanApprovalStep",
"category": "content",
"purpose": "Reusable human approval step component."
},
{
"name": "Icon",
"category": "content",
"purpose": "Reusable icon component."
},
{
"name": "IconButton",
"category": "actions",
"purpose": "Reusable icon button component."
},
{
"name": "IconPicker",
"category": "forms",
"purpose": "Reusable icon picker component."
},
{
"name": "IconSelector",
"category": "forms",
"purpose": "Reusable icon selector component."
},
{
"name": "IdentifierInput",
"category": "forms",
"purpose": "Reusable identifier input component."
},
{
"name": "Illustration",
"category": "content",
"purpose": "Reusable illustration component."
},
{
"name": "ImageCompressionPreview",
"category": "content",
"purpose": "Reusable image compression preview component."
},
{
"name": "ImageEditor",
"category": "forms",
"purpose": "Reusable image editor component."
},
{
"name": "ImagePreviewDialog",
"category": "overlays",
"purpose": "Reusable image preview dialog component."
},
{
"name": "ImageSelector",
"category": "forms",
"purpose": "Reusable image selector component."
},
{
"name": "ImageUpload",
"category": "content",
"purpose": "Reusable image upload component."
},
{
"name": "ImportProgress",
"category": "visualization",
"purpose": "Reusable import progress component."
},
{
"name": "IncidentAlert",
"category": "feedback",
"purpose": "Reusable incident alert component."
},
{
"name": "IncidentBanner",
"category": "feedback",
"purpose": "Reusable incident banner component."
},
{
"name": "IncidentCard",
"category": "content",
"purpose": "Reusable incident card component."
},
{
"name": "IncidentList",
"category": "data",
"purpose": "Reusable incident list component."
},
{
"name": "IncidentResponseFlow",
"category": "visualization",
"purpose": "Reusable incident response flow component."
},
{
"name": "IncidentSeverityBadge",
"category": "feedback",
"purpose": "Reusable incident severity badge component."
},
{
"name": "IncidentTimeline",
"category": "visualization",
"purpose": "Reusable incident timeline component."
},
{
"name": "IndustryBadge",
"category": "feedback",
"purpose": "Reusable industry badge component."
},
{
"name": "IndustrySelector",
"category": "forms",
"purpose": "Reusable industry selector component."
},
{
"name": "InfoCard",
"category": "content",
"purpose": "Reusable info card component."
},
{
"name": "InlineAlert",
"category": "feedback",
"purpose": "Reusable inline alert component."
},
{
"name": "InlineCode",
"category": "content",
"purpose": "Reusable inline code component."
},
{
"name": "InputGroup",
"category": "forms",
"purpose": "Reusable input group component."
},
{
"name": "InsetPanel",
"category": "layout",
"purpose": "Reusable inset panel component."
},
{
"name": "IntegerInput",
"category": "forms",
"purpose": "Reusable integer input component."
},
{
"name": "IntegrationCard",
"category": "content",
"purpose": "Reusable integration card component."
},
{
"name": "InvoiceLineItem",
"category": "content",
"purpose": "Reusable invoice line item component."
},
{
"name": "InvoiceSummary",
"category": "content",
"purpose": "Reusable invoice summary component."
},
{
"name": "IpAddressInput",
"category": "forms",
"purpose": "Reusable ip address input component."
},
{
"name": "JobCard",
"category": "content",
"purpose": "Reusable job card component."
},
{
"name": "JobProgress",
"category": "visualization",
"purpose": "Reusable job progress component."
},
{
"name": "JobTitleInput",
"category": "forms",
"purpose": "Reusable job title input component."
},
{
"name": "JsonInput",
"category": "forms",
"purpose": "Reusable json input component."
},
{
"name": "JsonViewer",
"category": "content",
"purpose": "Reusable json viewer component."
},
{
"name": "KeyValueTable",
"category": "data",
"purpose": "Reusable key value table component."
},
{
"name": "KycDocumentUpload",
"category": "content",
"purpose": "Reusable kyc document upload component."
},
{
"name": "LanguageSelector",
"category": "forms",
"purpose": "Reusable language selector component."
},
{
"name": "LanguageSwitcher",
"category": "content",
"purpose": "Reusable language switcher component."
},
{
"name": "LastNameInput",
"category": "forms",
"purpose": "Reusable last name input component."
},
{
"name": "LatencyMetric",
"category": "visualization",
"purpose": "Reusable latency metric component."
},
{
"name": "LatitudeInput",
"category": "forms",
"purpose": "Reusable latitude input component."
},
{
"name": "LeadText",
"category": "content",
"purpose": "Reusable lead text component."
},
{
"name": "LeadershipGrid",
"category": "data",
"purpose": "Reusable leadership grid component."
},
{
"name": "LegalAcceptanceNotice",
"category": "feedback",
"purpose": "Reusable legal acceptance notice component."
},
{
"name": "LegalBulletList",
"category": "data",
"purpose": "Reusable legal bullet list component."
},
{
"name": "LegalContactBlock",
"category": "content",
"purpose": "Reusable legal contact block component."
},
{
"name": "LegalDefinitionList",
"category": "data",
"purpose": "Reusable legal definition list component."
},
{
"name": "LegalDocumentHeader",
"category": "layout",
"purpose": "Reusable legal document header component."
},
{
"name": "LegalDocumentLayout",
"category": "layout",
"purpose": "Reusable legal document layout component."
},
{
"name": "LegalHero",
"category": "layout",
"purpose": "Reusable legal hero component."
},
{
"name": "LegalLanguageSelector",
"category": "forms",
"purpose": "Reusable legal language selector component."
},
{
"name": "LegalNotice",
"category": "feedback",
"purpose": "Reusable legal notice component."
},
{
"name": "LegalPageShell",
"category": "layout",
"purpose": "Reusable legal page shell component."
},
{
"name": "LegalPrintButton",
"category": "actions",
"purpose": "Reusable legal print button component."
},
{
"name": "LegalRegionSelector",
"category": "forms",
"purpose": "Reusable legal region selector component."
},
{
"name": "LegalSection",
"category": "layout",
"purpose": "Reusable legal section component."
},
{
"name": "LegalSummary",
"category": "content",
"purpose": "Reusable legal summary component."
},
{
"name": "LegalTable",
"category": "data",
"purpose": "Reusable legal table component."
},
{
"name": "LegalVersionBadge",
"category": "feedback",
"purpose": "Reusable legal version badge component."
},
{
"name": "LetterSpacingPicker",
"category": "forms",
"purpose": "Reusable letter spacing picker component."
},
{
"name": "LicenseKeyInput",
"category": "forms",
"purpose": "Reusable license key input component."
},
{
"name": "Lightbox",
"category": "overlays",
"purpose": "Reusable lightbox component."
},
{
"name": "LineChart",
"category": "visualization",
"purpose": "Reusable line chart component."
},
{
"name": "LineHeightPicker",
"category": "forms",
"purpose": "Reusable line height picker component."
},
{
"name": "LinkButton",
"category": "actions",
"purpose": "Reusable link button component."
},
{
"name": "List",
"category": "data",
"purpose": "Reusable list component."
},
{
"name": "LoadingButton",
"category": "actions",
"purpose": "Reusable loading button component."
},
{
"name": "LocaleSelector",
"category": "forms",
"purpose": "Reusable locale selector component."
},
{
"name": "LocalizedRouteLink",
"category": "actions",
"purpose": "Reusable localized route link component."
},
{
"name": "LocationPicker",
"category": "forms",
"purpose": "Reusable location picker component."
},
{
"name": "LogTable",
"category": "data",
"purpose": "Reusable log table component."
},
{
"name": "Logo",
"category": "content",
"purpose": "Reusable logo component."
},
{
"name": "LogoUpload",
"category": "content",
"purpose": "Reusable logo upload component."
},
{
"name": "LogoutDialog",
"category": "overlays",
"purpose": "Reusable logout dialog component."
},
{
"name": "LongitudeInput",
"category": "forms",
"purpose": "Reusable longitude input component."
},
{
"name": "MaintenanceAlert",
"category": "feedback",
"purpose": "Reusable maintenance alert component."
},
{
"name": "MaintenanceBanner",
"category": "feedback",
"purpose": "Reusable maintenance banner component."
},
{
"name": "MaintenanceCard",
"category": "content",
"purpose": "Reusable maintenance card component."
},
{
"name": "MaintenancePage",
"category": "content",
"purpose": "Reusable maintenance page component."
},
{
"name": "MaintenanceState",
"category": "feedback",
"purpose": "Reusable maintenance state component."
},
{
"name": "MaintenanceWindowPicker",
"category": "forms",
"purpose": "Reusable maintenance window picker component."
},
{
"name": "MapPicker",
"category": "forms",
"purpose": "Reusable map picker component."
},
{
"name": "MarkdownEditor",
"category": "forms",
"purpose": "Reusable markdown editor component."
},
{
"name": "MarketingPageShell",
"category": "layout",
"purpose": "Reusable marketing page shell component."
},
{
"name": "MarketingSectionHeader",
"category": "layout",
"purpose": "Reusable marketing section header component."
},
{
"name": "MaskedSecretField",
"category": "forms",
"purpose": "Reusable masked secret field component."
},
{
"name": "MegaMenu",
"category": "overlays",
"purpose": "Reusable mega menu component."
},
{
"name": "MemberList",
"category": "data",
"purpose": "Reusable member list component."
},
{
"name": "MentionInput",
"category": "forms",
"purpose": "Reusable mention input component."
},
{
"name": "MessageCharacterCounter",
"category": "feedback",
"purpose": "Reusable message character counter component."
},
{
"name": "MessageComposer",
"category": "content",
"purpose": "Reusable message composer component."
},
{
"name": "MessageComposerPreview",
"category": "content",
"purpose": "Reusable message composer preview component."
},
{
"name": "MessageLimitInput",
"category": "forms",
"purpose": "Reusable message limit input component."
},
{
"name": "MessagePreview",
"category": "content",
"purpose": "Reusable message preview component."
},
{
"name": "MessageVolumeSlider",
"category": "content",
"purpose": "Reusable message volume slider component."
},
{
"name": "Metric",
"category": "visualization",
"purpose": "Reusable metric component."
},
{
"name": "MetricCard",
"category": "content",
"purpose": "Reusable metric card component."
},
{
"name": "MetricGrid",
"category": "data",
"purpose": "Reusable metric grid component."
},
{
"name": "MetricText",
"category": "content",
"purpose": "Reusable metric text component."
},
{
"name": "MinutePicker",
"category": "forms",
"purpose": "Reusable minute picker component."
},
{
"name": "MissionSection",
"category": "layout",
"purpose": "Reusable mission section component."
},
{
"name": "MobileDeviceFrame",
"category": "layout",
"purpose": "Reusable mobile device frame component."
},
{
"name": "MobileInput",
"category": "forms",
"purpose": "Reusable mobile input component."
},
{
"name": "MobileMenuButton",
"category": "actions",
"purpose": "Reusable mobile menu button component."
},
{
"name": "MobileNavigation",
"category": "layout",
"purpose": "Reusable mobile navigation component."
},
{
"name": "MobileTableCard",
"category": "content",
"purpose": "Reusable mobile table card component."
},
{
"name": "MonthPicker",
"category": "forms",
"purpose": "Reusable month picker component."
},
{
"name": "MonthYearPicker",
"category": "forms",
"purpose": "Reusable month year picker component."
},
{
"name": "MonthlyVolumeSelector",
"category": "forms",
"purpose": "Reusable monthly volume selector component."
},
{
"name": "MultiFileUpload",
"category": "content",
"purpose": "Reusable multi file upload component."
},
{
"name": "MultipleEmailInput",
"category": "forms",
"purpose": "Reusable multiple email input component."
},
{
"name": "MutedText",
"category": "content",
"purpose": "Reusable muted text component."
},
{
"name": "NameInput",
"category": "forms",
"purpose": "Reusable name input component."
},
{
"name": "Navigation",
"category": "layout",
"purpose": "Reusable navigation component."
},
{
"name": "NavigationItem",
"category": "content",
"purpose": "Reusable navigation item component."
},
{
"name": "NavigationMegaMenu",
"category": "overlays",
"purpose": "Reusable navigation mega menu component."
},
{
"name": "NewBadge",
"category": "feedback",
"purpose": "Reusable new badge component."
},
{
"name": "NewPasswordInput",
"category": "forms",
"purpose": "Reusable new password input component."
},
{
"name": "NewsletterCTA",
"category": "actions",
"purpose": "Reusable newsletter c t a component."
},
{
"name": "NewsletterForm",
"category": "content",
"purpose": "Reusable newsletter form component."
},
{
"name": "NoResultsState",
"category": "feedback",
"purpose": "Reusable no results state component."
},
{
"name": "NotFoundPage",
"category": "content",
"purpose": "Reusable not found page component."
},
{
"name": "NotFoundState",
"category": "feedback",
"purpose": "Reusable not found state component."
},
{
"name": "NotificationCard",
"category": "content",
"purpose": "Reusable notification card component."
},
{
"name": "NotificationList",
"category": "data",
"purpose": "Reusable notification list component."
},
{
"name": "NumberInput",
"category": "forms",
"purpose": "Reusable number input component."
},
{
"name": "OfficeCard",
"category": "content",
"purpose": "Reusable office card component."
},
{
"name": "OfflinePage",
"category": "content",
"purpose": "Reusable offline page component."
},
{
"name": "OfflineState",
"category": "feedback",
"purpose": "Reusable offline state component."
},
{
"name": "OnboardingProgress",
"category": "visualization",
"purpose": "Reusable onboarding progress component."
},
{
"name": "OneTimeSecretDisplay",
"category": "content",
"purpose": "Reusable one time secret display component."
},
{
"name": "OnlineIndicator",
"category": "feedback",
"purpose": "Reusable online indicator component."
},
{
"name": "OpacitySlider",
"category": "content",
"purpose": "Reusable opacity slider component."
},
{
"name": "OpenAPICTA",
"category": "actions",
"purpose": "Reusable open a p i c t a component."
},
{
"name": "OptionalIndicator",
"category": "feedback",
"purpose": "Reusable optional indicator component."
},
{
"name": "OrganizationSelector",
"category": "forms",
"purpose": "Reusable organization selector component."
},
{
"name": "OtpInput",
"category": "forms",
"purpose": "Reusable otp input component."
},
{
"name": "OtpVerificationForm",
"category": "content",
"purpose": "Reusable otp verification form component."
},
{
"name": "OutlinedCard",
"category": "content",
"purpose": "Reusable outlined card component."
},
{
"name": "PageAlert",
"category": "feedback",
"purpose": "Reusable page alert component."
},
{
"name": "PageSkeleton",
"category": "feedback",
"purpose": "Reusable page skeleton component."
},
{
"name": "Panel",
"category": "layout",
"purpose": "Reusable panel component."
},
{
"name": "PartnerApplicationForm",
"category": "content",
"purpose": "Reusable partner application form component."
},
{
"name": "PartnerLogoGrid",
"category": "data",
"purpose": "Reusable partner logo grid component."
},
{
"name": "PartnerProgramCard",
"category": "content",
"purpose": "Reusable partner program card component."
},
{
"name": "PasskeyButton",
"category": "actions",
"purpose": "Reusable passkey button component."
},
{
"name": "PasswordInput",
"category": "forms",
"purpose": "Reusable password input component."
},
{
"name": "PasswordRequirementList",
"category": "data",
"purpose": "Reusable password requirement list component."
},
{
"name": "PasswordStrengthMeter",
"category": "visualization",
"purpose": "Reusable password strength meter component."
},
{
"name": "PasswordVisibilityToggle",
"category": "forms",
"purpose": "Reusable password visibility toggle component."
},
{
"name": "PathInput",
"category": "forms",
"purpose": "Reusable path input component."
},
{
"name": "PaymentMethodCard",
"category": "content",
"purpose": "Reusable payment method card component."
},
{
"name": "PdfPreview",
"category": "content",
"purpose": "Reusable pdf preview component."
},
{
"name": "PercentageInput",
"category": "forms",
"purpose": "Reusable percentage input component."
},
{
"name": "PermissionSelector",
"category": "forms",
"purpose": "Reusable permission selector component."
},
{
"name": "PhoneInput",
"category": "forms",
"purpose": "Reusable phone input component."
},
{
"name": "PieChart",
"category": "visualization",
"purpose": "Reusable pie chart component."
},
{
"name": "PinInput",
"category": "forms",
"purpose": "Reusable pin input component."
},
{
"name": "PlainTextEditor",
"category": "forms",
"purpose": "Reusable plain text editor component."
},
{
"name": "PlanCTA",
"category": "actions",
"purpose": "Reusable plan c t a component."
},
{
"name": "PlanFeatureList",
"category": "data",
"purpose": "Reusable plan feature list component."
},
{
"name": "PlanLimitList",
"category": "data",
"purpose": "Reusable plan limit list component."
},
{
"name": "PlanSelector",
"category": "forms",
"purpose": "Reusable plan selector component."
},
{
"name": "PlatformPillarCard",
"category": "content",
"purpose": "Reusable platform pillar card component."
},
{
"name": "PolicyVersionTable",
"category": "data",
"purpose": "Reusable policy version table component."
},
{
"name": "Popover",
"category": "overlays",
"purpose": "Reusable popover component."
},
{
"name": "PortInput",
"category": "forms",
"purpose": "Reusable port input component."
},
{
"name": "PortNumberInput",
"category": "forms",
"purpose": "Reusable port number input component."
},
{
"name": "PositiveNumberInput",
"category": "forms",
"purpose": "Reusable positive number input component."
},
{
"name": "PostalCodeInput",
"category": "forms",
"purpose": "Reusable postal code input component."
},
{
"name": "PostmanCTA",
"category": "actions",
"purpose": "Reusable postman c t a component."
},
{
"name": "PresetDateRangePicker",
"category": "forms",
"purpose": "Reusable preset date range picker component."
},
{
"name": "PressReleaseCard",
"category": "content",
"purpose": "Reusable press release card component."
},
{
"name": "PreviewBadge",
"category": "feedback",
"purpose": "Reusable preview badge component."
},
{
"name": "PreviousNextNavigation",
"category": "layout",
"purpose": "Reusable previous next navigation component."
},
{
"name": "PriceInput",
"category": "forms",
"purpose": "Reusable price input component."
},
{
"name": "PriceRangeSlider",
"category": "content",
"purpose": "Reusable price range slider component."
},
{
"name": "PriceText",
"category": "content",
"purpose": "Reusable price text component."
},
{
"name": "PricingCard",
"category": "content",
"purpose": "Reusable pricing card component."
},
{
"name": "PricingComparisonTable",
"category": "data",
"purpose": "Reusable pricing comparison table component."
},
{
"name": "PricingContactForm",
"category": "content",
"purpose": "Reusable pricing contact form component."
},
{
"name": "PricingFeatureGroup",
"category": "forms",
"purpose": "Reusable pricing feature group component."
},
{
"name": "PricingGrid",
"category": "data",
"purpose": "Reusable pricing grid component."
},
{
"name": "PricingHero",
"category": "layout",
"purpose": "Reusable pricing hero component."
},
{
"name": "PricingPlanCard",
"category": "content",
"purpose": "Reusable pricing plan card component."
},
{
"name": "PricingTable",
"category": "data",
"purpose": "Reusable pricing table component."
},
{
"name": "PricingToggle",
"category": "forms",
"purpose": "Reusable pricing toggle component."
},
{
"name": "PrimaryButton",
"category": "actions",
"purpose": "Reusable primary button component."
},
{
"name": "PrintAction",
"category": "actions",
"purpose": "Reusable print action component."
},
{
"name": "PrintPolicyButton",
"category": "actions",
"purpose": "Reusable print policy button component."
},
{
"name": "PrioritySelector",
"category": "forms",
"purpose": "Reusable priority selector component."
},
{
"name": "PrivacyNotice",
"category": "feedback",
"purpose": "Reusable privacy notice component."
},
{
"name": "ProductArchitectureDiagram",
"category": "visualization",
"purpose": "Reusable product architecture diagram component."
},
{
"name": "ProductCTA",
"category": "actions",
"purpose": "Reusable product c t a component."
},
{
"name": "ProductCard",
"category": "content",
"purpose": "Reusable product card component."
},
{
"name": "ProductCategorySection",
"category": "layout",
"purpose": "Reusable product category section component."
},
{
"name": "ProductFeatureList",
"category": "data",
"purpose": "Reusable product feature list component."
},
{
"name": "ProductGrid",
"category": "data",
"purpose": "Reusable product grid component."
},
{
"name": "ProductHero",
"category": "layout",
"purpose": "Reusable product hero component."
},
{
"name": "ProductIcon",
"category": "content",
"purpose": "Reusable product icon component."
},
{
"name": "ProductIntegrationList",
"category": "data",
"purpose": "Reusable product integration list component."
},
{
"name": "ProductList",
"category": "data",
"purpose": "Reusable product list component."
},
{
"name": "ProductLogo",
"category": "content",
"purpose": "Reusable product logo component."
},
{
"name": "ProductMiniCard",
"category": "content",
"purpose": "Reusable product mini card component."
},
{
"name": "ProductNavigationCard",
"category": "content",
"purpose": "Reusable product navigation card component."
},
{
"name": "ProductPageShell",
"category": "layout",
"purpose": "Reusable product page shell component."
},
{
"name": "ProductSelector",
"category": "forms",
"purpose": "Reusable product selector component."
},
{
"name": "ProductStatusBadge",
"category": "feedback",
"purpose": "Reusable product status badge component."
},
{
"name": "ProductUseCaseList",
"category": "data",
"purpose": "Reusable product use case list component."
},
{
"name": "ProductsMegaMenu",
"category": "overlays",
"purpose": "Reusable products mega menu component."
},
{
"name": "ProgressChart",
"category": "visualization",
"purpose": "Reusable progress chart component."
},
{
"name": "ProgressRing",
"category": "visualization",
"purpose": "Reusable progress ring component."
},
{
"name": "ProgressSlider",
"category": "content",
"purpose": "Reusable progress slider component."
},
{
"name": "ProjectCard",
"category": "content",
"purpose": "Reusable project card component."
},
{
"name": "ProjectSelector",
"category": "forms",
"purpose": "Reusable project selector component."
},
{
"name": "ProjectSwitcher",
"category": "content",
"purpose": "Reusable project switcher component."
},
{
"name": "PromoCodeInput",
"category": "forms",
"purpose": "Reusable promo code input component."
},
{
"name": "PromptDialog",
"category": "overlays",
"purpose": "Reusable prompt dialog component."
},
{
"name": "ProviderSelector",
"category": "forms",
"purpose": "Reusable provider selector component."
},
{
"name": "PublicHeader",
"category": "layout",
"purpose": "Reusable public header component."
},
{
"name": "PublicHeaderLogo",
"category": "content",
"purpose": "Reusable public header logo component."
},
{
"name": "PublicPageShell",
"category": "layout",
"purpose": "Reusable public page shell component."
},
{
"name": "PublishDateTimePicker",
"category": "forms",
"purpose": "Reusable publish date time picker component."
},
{
"name": "PushComposer",
"category": "content",
"purpose": "Reusable push composer component."
},
{
"name": "PushNotificationEditor",
"category": "forms",
"purpose": "Reusable push notification editor component."
},
{
"name": "QrCode",
"category": "content",
"purpose": "Reusable qr code component."
},
{
"name": "QuantityInput",
"category": "forms",
"purpose": "Reusable quantity input component."
},
{
"name": "QuantityStepper",
"category": "content",
"purpose": "Reusable quantity stepper component."
},
{
"name": "QuietHoursPicker",
"category": "forms",
"purpose": "Reusable quiet hours picker component."
},
{
"name": "QuoteText",
"category": "content",
"purpose": "Reusable quote text component."
},
{
"name": "RadioGroup",
"category": "forms",
"purpose": "Reusable radio group component."
},
{
"name": "RangeInput",
"category": "forms",
"purpose": "Reusable range input component."
},
{
"name": "RangeSlider",
"category": "content",
"purpose": "Reusable range slider component."
},
{
"name": "RateLimitInput",
"category": "forms",
"purpose": "Reusable rate limit input component."
},
{
"name": "RateLimitPage",
"category": "content",
"purpose": "Reusable rate limit page component."
},
{
"name": "RateLimitedState",
"category": "feedback",
"purpose": "Reusable rate limited state component."
},
{
"name": "RateTable",
"category": "data",
"purpose": "Reusable rate table component."
},
{
"name": "RatingSlider",
"category": "content",
"purpose": "Reusable rating slider component."
},
{
"name": "RecipientSelector",
"category": "forms",
"purpose": "Reusable recipient selector component."
},
{
"name": "RecoveryCodeForm",
"category": "content",
"purpose": "Reusable recovery code form component."
},
{
"name": "RecoveryCodeInput",
"category": "forms",
"purpose": "Reusable recovery code input component."
},
{
"name": "RecurrenceRuleBuilder",
"category": "content",
"purpose": "Reusable recurrence rule builder component."
},
{
"name": "RecurringSchedulePicker",
"category": "forms",
"purpose": "Reusable recurring schedule picker component."
},
{
"name": "RedirectUriInput",
"category": "forms",
"purpose": "Reusable redirect uri input component."
},
{
"name": "ReferenceInput",
"category": "forms",
"purpose": "Reusable reference input component."
},
{
"name": "RegexInput",
"category": "forms",
"purpose": "Reusable regex input component."
},
{
"name": "RegionAvailabilityTable",
"category": "data",
"purpose": "Reusable region availability table component."
},
{
"name": "RegionSelector",
"category": "forms",
"purpose": "Reusable region selector component."
},
{
"name": "RegionUnavailableAlert",
"category": "feedback",
"purpose": "Reusable region unavailable alert component."
},
{
"name": "RegionUnavailableState",
"category": "feedback",
"purpose": "Reusable region unavailable state component."
},
{
"name": "RegionalPrivacyBanner",
"category": "feedback",
"purpose": "Reusable regional privacy banner component."
},
{
"name": "RejectOptionalCookiesButton",
"category": "actions",
"purpose": "Reusable reject optional cookies button component."
},
{
"name": "ReopenCookieSettingsButton",
"category": "actions",
"purpose": "Reusable reopen cookie settings button component."
},
{
"name": "ReportCard",
"category": "content",
"purpose": "Reusable report card component."
},
{
"name": "RequestResponseViewer",
"category": "content",
"purpose": "Reusable request response viewer component."
},
{
"name": "RequestViewer",
"category": "content",
"purpose": "Reusable request viewer component."
},
{
"name": "RequiredIndicator",
"category": "feedback",
"purpose": "Reusable required indicator component."
},
{
"name": "ResetPasswordForm",
"category": "content",
"purpose": "Reusable reset password form component."
},
{
"name": "ResizablePanel",
"category": "layout",
"purpose": "Reusable resizable panel component."
},
{
"name": "ResourceCard",
"category": "content",
"purpose": "Reusable resource card component."
},
{
"name": "ResourceDownloadCard",
"category": "content",
"purpose": "Reusable resource download card component."
},
{
"name": "ResourcePageShell",
"category": "layout",
"purpose": "Reusable resource page shell component."
},
{
"name": "ResourceSearch",
"category": "content",
"purpose": "Reusable resource search component."
},
{
"name": "ResourceTypeBadge",
"category": "feedback",
"purpose": "Reusable resource type badge component."
},
{
"name": "ResourcesMegaMenu",
"category": "overlays",
"purpose": "Reusable resources mega menu component."
},
{
"name": "ResponseViewer",
"category": "content",
"purpose": "Reusable response viewer component."
},
{
"name": "ResponsibleDisclosureCTA",
"category": "actions",
"purpose": "Reusable responsible disclosure c t a component."
},
{
"name": "ResponsiveTable",
"category": "data",
"purpose": "Reusable responsive table component."
},
{
"name": "ResultsSection",
"category": "layout",
"purpose": "Reusable results section component."
},
{
"name": "RetentionTable",
"category": "data",
"purpose": "Reusable retention table component."
},
{
"name": "RetryCountInput",
"category": "forms",
"purpose": "Reusable retry count input component."
},
{
"name": "RevenueChart",
"category": "visualization",
"purpose": "Reusable revenue chart component."
},
{
"name": "RgbColorInput",
"category": "forms",
"purpose": "Reusable rgb color input component."
},
{
"name": "RichTextEditor",
"category": "forms",
"purpose": "Reusable rich text editor component."
},
{
"name": "RichTextInput",
"category": "forms",
"purpose": "Reusable rich text input component."
},
{
"name": "RoleSelector",
"category": "forms",
"purpose": "Reusable role selector component."
},
{
"name": "RollingDateRangePicker",
"category": "forms",
"purpose": "Reusable rolling date range picker component."
},
{
"name": "SDKCard",
"category": "content",
"purpose": "Reusable s d k card component."
},
{
"name": "SDKLanguageTabs",
"category": "content",
"purpose": "Reusable s d k language tabs component."
},
{
"name": "SaveCookiePreferencesButton",
"category": "actions",
"purpose": "Reusable save cookie preferences button component."
},
{
"name": "SavedFilterSelector",
"category": "forms",
"purpose": "Reusable saved filter selector component."
},
{
"name": "ScheduleMessagePicker",
"category": "forms",
"purpose": "Reusable schedule message picker component."
},
{
"name": "SchedulePicker",
"category": "forms",
"purpose": "Reusable schedule picker component."
},
{
"name": "ScheduledDateTimePicker",
"category": "forms",
"purpose": "Reusable scheduled date time picker component."
},
{
"name": "ScreenshotFrame",
"category": "layout",
"purpose": "Reusable screenshot frame component."
},
{
"name": "SdkLanguageSelector",
"category": "forms",
"purpose": "Reusable sdk language selector component."
},
{
"name": "SearchButton",
"category": "actions",
"purpose": "Reusable search button component."
},
{
"name": "SearchCategoryTabs",
"category": "content",
"purpose": "Reusable search category tabs component."
},
{
"name": "SearchDialog",
"category": "overlays",
"purpose": "Reusable search dialog component."
},
{
"name": "SearchEmptyState",
"category": "feedback",
"purpose": "Reusable search empty state component."
},
{
"name": "SearchInput",
"category": "forms",
"purpose": "Reusable search input component."
},
{
"name": "SearchLoadingState",
"category": "feedback",
"purpose": "Reusable search loading state component."
},
{
"name": "SearchResultItem",
"category": "content",
"purpose": "Reusable search result item component."
},
{
"name": "SecondPicker",
"category": "forms",
"purpose": "Reusable second picker component."
},
{
"name": "SecondaryButton",
"category": "actions",
"purpose": "Reusable secondary button component."
},
{
"name": "SecretDisplay",
"category": "content",
"purpose": "Reusable secret display component."
},
{
"name": "SecretInput",
"category": "forms",
"purpose": "Reusable secret input component."
},
{
"name": "SecretRevealDialog",
"category": "overlays",
"purpose": "Reusable secret reveal dialog component."
},
{
"name": "Section",
"category": "layout",
"purpose": "Reusable section component."
},
{
"name": "SectionActions",
"category": "actions",
"purpose": "Reusable section actions component."
},
{
"name": "SectionHeader",
"category": "layout",
"purpose": "Reusable section header component."
},
{
"name": "SecurityAlert",
"category": "feedback",
"purpose": "Reusable security alert component."
},
{
"name": "SecurityContactCard",
"category": "content",
"purpose": "Reusable security contact card component."
},
{
"name": "SecurityFeatureCard",
"category": "content",
"purpose": "Reusable security feature card component."
},
{
"name": "SecurityHero",
"category": "layout",
"purpose": "Reusable security hero component."
},
{
"name": "SecurityPillarGrid",
"category": "data",
"purpose": "Reusable security pillar grid component."
},
{
"name": "SecurityPracticeList",
"category": "data",
"purpose": "Reusable security practice list component."
},
{
"name": "SecurityReportForm",
"category": "content",
"purpose": "Reusable security report form component."
},
{
"name": "SenderIdInput",
"category": "forms",
"purpose": "Reusable sender id input component."
},
{
"name": "ServerErrorPage",
"category": "content",
"purpose": "Reusable server error page component."
},
{
"name": "ServiceLevelTable",
"category": "data",
"purpose": "Reusable service level table component."
},
{
"name": "ServiceStatusBadge",
"category": "feedback",
"purpose": "Reusable service status badge component."
},
{
"name": "ServiceStatusList",
"category": "data",
"purpose": "Reusable service status list component."
},
{
"name": "ServiceStatusRow",
"category": "data",
"purpose": "Reusable service status row component."
},
{
"name": "SessionCard",
"category": "content",
"purpose": "Reusable session card component."
},
{
"name": "SessionExpiredDialog",
"category": "overlays",
"purpose": "Reusable session expired dialog component."
},
{
"name": "SetupChecklist",
"category": "content",
"purpose": "Reusable setup checklist component."
},
{
"name": "SeveritySelector",
"category": "forms",
"purpose": "Reusable severity selector component."
},
{
"name": "ShadowPicker",
"category": "forms",
"purpose": "Reusable shadow picker component."
},
{
"name": "ShareAction",
"category": "actions",
"purpose": "Reusable share action component."
},
{
"name": "ShareButton",
"category": "actions",
"purpose": "Reusable share button component."
},
{
"name": "SidePanel",
"category": "layout",
"purpose": "Reusable side panel component."
},
{
"name": "SidebarLayout",
"category": "layout",
"purpose": "Reusable sidebar layout component."
},
{
"name": "SignInForm",
"category": "content",
"purpose": "Reusable sign in form component."
},
{
"name": "SignInLink",
"category": "actions",
"purpose": "Reusable sign in link component."
},
{
"name": "SignUpForm",
"category": "content",
"purpose": "Reusable sign up form component."
},
{
"name": "SiteSearch",
"category": "content",
"purpose": "Reusable site search component."
},
{
"name": "Skeleton",
"category": "feedback",
"purpose": "Reusable skeleton component."
},
{
"name": "SkipLink",
"category": "actions",
"purpose": "Reusable skip link component."
},
{
"name": "SlaTable",
"category": "data",
"purpose": "Reusable sla table component."
},
{
"name": "Slider",
"category": "content",
"purpose": "Reusable slider component."
},
{
"name": "SlugInput",
"category": "forms",
"purpose": "Reusable slug input component."
},
{
"name": "SmallText",
"category": "content",
"purpose": "Reusable small text component."
},
{
"name": "SmartRouteDiagram",
"category": "visualization",
"purpose": "Reusable smart route diagram component."
},
{
"name": "SmsComposer",
"category": "content",
"purpose": "Reusable sms composer component."
},
{
"name": "SmsMessageEditor",
"category": "forms",
"purpose": "Reusable sms message editor component."
},
{
"name": "SmsSegmentCounter",
"category": "feedback",
"purpose": "Reusable sms segment counter component."
},
{
"name": "SolutionHero",
"category": "layout",
"purpose": "Reusable solution hero component."
},
{
"name": "SolutionPageShell",
"category": "layout",
"purpose": "Reusable solution page shell component."
},
{
"name": "SolutionSection",
"category": "layout",
"purpose": "Reusable solution section component."
},
{
"name": "SolutionsMegaMenu",
"category": "overlays",
"purpose": "Reusable solutions mega menu component."
},
{
"name": "SortableTable",
"category": "data",
"purpose": "Reusable sortable table component."
},
{
"name": "SplitButton",
"category": "actions",
"purpose": "Reusable split button component."
},
{
"name": "SplitCTA",
"category": "actions",
"purpose": "Reusable split c t a component."
},
{
"name": "SplitHero",
"category": "layout",
"purpose": "Reusable split hero component."
},
{
"name": "SplitLayout",
"category": "layout",
"purpose": "Reusable split layout component."
},
{
"name": "SplitSectionHeader",
"category": "layout",
"purpose": "Reusable split section header component."
},
{
"name": "StartFreeButton",
"category": "actions",
"purpose": "Reusable start free button component."
},
{
"name": "StatCard",
"category": "content",
"purpose": "Reusable stat card component."
},
{
"name": "StateSelector",
"category": "forms",
"purpose": "Reusable state selector component."
},
{
"name": "StatusBadge",
"category": "feedback",
"purpose": "Reusable status badge component."
},
{
"name": "StatusPageShell",
"category": "layout",
"purpose": "Reusable status page shell component."
},
{
"name": "StatusSelector",
"category": "forms",
"purpose": "Reusable status selector component."
},
{
"name": "StatusSubscribeForm",
"category": "content",
"purpose": "Reusable status subscribe form component."
},
{
"name": "StatusTable",
"category": "data",
"purpose": "Reusable status table component."
},
{
"name": "StepNavigation",
"category": "layout",
"purpose": "Reusable step navigation component."
},
{
"name": "StepUpAuthenticationDialog",
"category": "overlays",
"purpose": "Reusable step up authentication dialog component."
},
{
"name": "Stepper",
"category": "content",
"purpose": "Reusable stepper component."
},
{
"name": "StepperInput",
"category": "forms",
"purpose": "Reusable stepper input component."
},
{
"name": "StickerPicker",
"category": "forms",
"purpose": "Reusable sticker picker component."
},
{
"name": "StickyLayout",
"category": "layout",
"purpose": "Reusable sticky layout component."
},
{
"name": "StreetAddressInput",
"category": "forms",
"purpose": "Reusable street address input component."
},
{
"name": "SubdomainInput",
"category": "forms",
"purpose": "Reusable subdomain input component."
},
{
"name": "SubjectInput",
"category": "forms",
"purpose": "Reusable subject input component."
},
{
"name": "SubprocessorTable",
"category": "data",
"purpose": "Reusable subprocessor table component."
},
{
"name": "SuccessCard",
"category": "content",
"purpose": "Reusable success card component."
},
{
"name": "SuccessState",
"category": "feedback",
"purpose": "Reusable success state component."
},
{
"name": "SupportRequestForm",
"category": "content",
"purpose": "Reusable support request form component."
},
{
"name": "Table",
"category": "data",
"purpose": "Reusable table component."
},
{
"name": "TableHeader",
"category": "layout",
"purpose": "Reusable table header component."
},
{
"name": "TableRow",
"category": "data",
"purpose": "Reusable table row component."
},
{
"name": "TableSkeleton",
"category": "feedback",
"purpose": "Reusable table skeleton component."
},
{
"name": "Tabs",
"category": "content",
"purpose": "Reusable tabs component."
},
{
"name": "TagInput",
"category": "forms",
"purpose": "Reusable tag input component."
},
{
"name": "TaxNotice",
"category": "feedback",
"purpose": "Reusable tax notice component."
},
{
"name": "TaxRateInput",
"category": "forms",
"purpose": "Reusable tax rate input component."
},
{
"name": "TeamMemberCard",
"category": "content",
"purpose": "Reusable team member card component."
},
{
"name": "TeamSizeSelector",
"category": "forms",
"purpose": "Reusable team size selector component."
},
{
"name": "TemplateCard",
"category": "content",
"purpose": "Reusable template card component."
},
{
"name": "TemplateSelector",
"category": "forms",
"purpose": "Reusable template selector component."
},
{
"name": "TemplateVariableInput",
"category": "forms",
"purpose": "Reusable template variable input component."
},
{
"name": "TenantIsolationDiagram",
"category": "visualization",
"purpose": "Reusable tenant isolation diagram component."
},
{
"name": "TerminalBlock",
"category": "content",
"purpose": "Reusable terminal block component."
},
{
"name": "TertiaryButton",
"category": "actions",
"purpose": "Reusable tertiary button component."
},
{
"name": "TestMessageDialog",
"category": "overlays",
"purpose": "Reusable test message dialog component."
},
{
"name": "TestimonialCard",
"category": "content",
"purpose": "Reusable testimonial card component."
},
{
"name": "TestimonialCarousel",
"category": "content",
"purpose": "Reusable testimonial carousel component."
},
{
"name": "TextInput",
"category": "forms",
"purpose": "Reusable text input component."
},
{
"name": "TextLink",
"category": "actions",
"purpose": "Reusable text link component."
},
{
"name": "TextSkeleton",
"category": "feedback",
"purpose": "Reusable text skeleton component."
},
{
"name": "ThemeColorPicker",
"category": "forms",
"purpose": "Reusable theme color picker component."
},
{
"name": "ThemeSwitcher",
"category": "content",
"purpose": "Reusable theme switcher component."
},
{
"name": "TimeInput",
"category": "forms",
"purpose": "Reusable time input component."
},
{
"name": "TimePicker",
"category": "forms",
"purpose": "Reusable time picker component."
},
{
"name": "TimeRangePicker",
"category": "forms",
"purpose": "Reusable time range picker component."
},
{
"name": "Timeline",
"category": "visualization",
"purpose": "Reusable timeline component."
},
{
"name": "TimelineChart",
"category": "visualization",
"purpose": "Reusable timeline chart component."
},
{
"name": "TimelineItem",
"category": "content",
"purpose": "Reusable timeline item component."
},
{
"name": "TimeoutInput",
"category": "forms",
"purpose": "Reusable timeout input component."
},
{
"name": "TimezoneAwareTimePicker",
"category": "forms",
"purpose": "Reusable timezone aware time picker component."
},
{
"name": "TimezoneSelector",
"category": "forms",
"purpose": "Reusable timezone selector component."
},
{
"name": "ToastAction",
"category": "actions",
"purpose": "Reusable toast action component."
},
{
"name": "ToastIcon",
"category": "content",
"purpose": "Reusable toast icon component."
},
{
"name": "ToastProgress",
"category": "visualization",
"purpose": "Reusable toast progress component."
},
{
"name": "Toggle",
"category": "forms",
"purpose": "Reusable toggle component."
},
{
"name": "ToggleGroup",
"category": "forms",
"purpose": "Reusable toggle group component."
},
{
"name": "TokenInput",
"category": "forms",
"purpose": "Reusable token input component."
},
{
"name": "Tooltip",
"category": "content",
"purpose": "Reusable tooltip component."
},
{
"name": "TotpVerificationForm",
"category": "content",
"purpose": "Reusable totp verification form component."
},
{
"name": "TranslatedText",
"category": "content",
"purpose": "Reusable translated text component."
},
{
"name": "TreeTable",
"category": "data",
"purpose": "Reusable tree table component."
},
{
"name": "TrendIndicator",
"category": "feedback",
"purpose": "Reusable trend indicator component."
},
{
"name": "TruncatedText",
"category": "content",
"purpose": "Reusable truncated text component."
},
{
"name": "TrustBadgeList",
"category": "data",
"purpose": "Reusable trust badge list component."
},
{
"name": "UnavailableRegionState",
"category": "feedback",
"purpose": "Reusable unavailable region state component."
},
{
"name": "UnifiedTimelinePreview",
"category": "content",
"purpose": "Reusable unified timeline preview component."
},
{
"name": "UnsavedChangesDialog",
"category": "overlays",
"purpose": "Reusable unsaved changes dialog component."
},
{
"name": "UploadItem",
"category": "content",
"purpose": "Reusable upload item component."
},
{
"name": "UploadPreview",
"category": "content",
"purpose": "Reusable upload preview component."
},
{
"name": "UploadProgress",
"category": "visualization",
"purpose": "Reusable upload progress component."
},
{
"name": "UptimeChart",
"category": "visualization",
"purpose": "Reusable uptime chart component."
},
{
"name": "UptimeMetric",
"category": "visualization",
"purpose": "Reusable uptime metric component."
},
{
"name": "UrlInput",
"category": "forms",
"purpose": "Reusable url input component."
},
{
"name": "UsagePricingTable",
"category": "data",
"purpose": "Reusable usage pricing table component."
},
{
"name": "UseCaseSelector",
"category": "forms",
"purpose": "Reusable use case selector component."
},
{
"name": "UserCard",
"category": "content",
"purpose": "Reusable user card component."
},
{
"name": "UsernameInput",
"category": "forms",
"purpose": "Reusable username input component."
},
{
"name": "ValueCard",
"category": "content",
"purpose": "Reusable value card component."
},
{
"name": "ValuesGrid",
"category": "data",
"purpose": "Reusable values grid component."
},
{
"name": "VerificationCodeInput",
"category": "forms",
"purpose": "Reusable verification code input component."
},
{
"name": "VerifiedBadge",
"category": "feedback",
"purpose": "Reusable verified badge component."
},
{
"name": "VersionSelector",
"category": "forms",
"purpose": "Reusable version selector component."
},
{
"name": "VerticalTabs",
"category": "content",
"purpose": "Reusable vertical tabs component."
},
{
"name": "VideoCard",
"category": "content",
"purpose": "Reusable video card component."
},
{
"name": "VideoPreviewDialog",
"category": "overlays",
"purpose": "Reusable video preview dialog component."
},
{
"name": "VideoUpload",
"category": "content",
"purpose": "Reusable video upload component."
},
{
"name": "VirtualizedTable",
"category": "data",
"purpose": "Reusable virtualized table component."
},
{
"name": "VisionSection",
"category": "layout",
"purpose": "Reusable vision section component."
},
{
"name": "VoiceScriptComposer",
"category": "content",
"purpose": "Reusable voice script composer component."
},
{
"name": "VoiceScriptEditor",
"category": "forms",
"purpose": "Reusable voice script editor component."
},
{
"name": "VolumeInput",
"category": "forms",
"purpose": "Reusable volume input component."
},
{
"name": "VolumeSlider",
"category": "content",
"purpose": "Reusable volume slider component."
},
{
"name": "WarningCard",
"category": "content",
"purpose": "Reusable warning card component."
},
{
"name": "WebhookEventCard",
"category": "content",
"purpose": "Reusable webhook event card component."
},
{
"name": "WebhookFlowDiagram",
"category": "visualization",
"purpose": "Reusable webhook flow diagram component."
},
{
"name": "WebhookPayloadViewer",
"category": "content",
"purpose": "Reusable webhook payload viewer component."
},
{
"name": "WebhookUrlInput",
"category": "forms",
"purpose": "Reusable webhook url input component."
},
{
"name": "WebinarCard",
"category": "content",
"purpose": "Reusable webinar card component."
},
{
"name": "WebinarRegistrationForm",
"category": "content",
"purpose": "Reusable webinar registration form component."
},
{
"name": "WhatsAppComposer",
"category": "content",
"purpose": "Reusable whats app composer component."
},
{
"name": "WhatsAppNumberInput",
"category": "forms",
"purpose": "Reusable whats app number input component."
},
{
"name": "WhatsAppTemplateEditor",
"category": "forms",
"purpose": "Reusable whats app template editor component."
},
{
"name": "Wizard",
"category": "content",
"purpose": "Reusable wizard component."
},
{
"name": "WizardHeader",
"category": "layout",
"purpose": "Reusable wizard header component."
},
{
"name": "WizardNavigation",
"category": "layout",
"purpose": "Reusable wizard navigation component."
},
{
"name": "WorkflowCanvasPreview",
"category": "content",
"purpose": "Reusable workflow canvas preview component."
},
{
"name": "WorkflowProgress",
"category": "visualization",
"purpose": "Reusable workflow progress component."
},
{
"name": "WorkspaceCard",
"category": "content",
"purpose": "Reusable workspace card component."
},
{
"name": "WorkspaceSelector",
"category": "forms",
"purpose": "Reusable workspace selector component."
},
{
"name": "WorkspaceSwitcher",
"category": "content",
"purpose": "Reusable workspace switcher component."
},
{
"name": "YearPicker",
"category": "forms",
"purpose": "Reusable year picker component."
},
{
"name": "ZoomSlider",
"category": "content",
"purpose": "Reusable zoom slider component."
}
]
}