6315 lines
241 KiB
Plaintext
6315 lines
241 KiB
Plaintext
# WRNexusJS 0.2.59 comprehensive documentation index
|
|
|
|
Status: Private Developer Preview. Runtime: Bun. UI language: .wrn.
|
|
This is the documentation application, not the framework monorepo.
|
|
|
|
- https://wrnexusjs.dev/
|
|
- https://wrnexusjs.dev/access
|
|
- https://wrnexusjs.dev/getting-started
|
|
- https://wrnexusjs.dev/tutorial
|
|
- https://wrnexusjs.dev/architecture
|
|
- https://wrnexusjs.dev/language
|
|
- https://wrnexusjs.dev/packages
|
|
- https://wrnexusjs.dev/guides/project-structure
|
|
- https://wrnexusjs.dev/guides/routing
|
|
- https://wrnexusjs.dev/guides/pages-and-components
|
|
- https://wrnexusjs.dev/guides/server-data
|
|
- https://wrnexusjs.dev/guides/api-routes
|
|
- https://wrnexusjs.dev/guides/middleware
|
|
- https://wrnexusjs.dev/guides/forms-and-validation
|
|
- https://wrnexusjs.dev/guides/authentication
|
|
- https://wrnexusjs.dev/guides/authorization
|
|
- https://wrnexusjs.dev/guides/security
|
|
- https://wrnexusjs.dev/guides/database
|
|
- https://wrnexusjs.dev/guides/uploads
|
|
- https://wrnexusjs.dev/guides/realtime
|
|
- https://wrnexusjs.dev/guides/pubsub
|
|
- https://wrnexusjs.dev/guides/queues
|
|
- https://wrnexusjs.dev/guides/testing
|
|
- https://wrnexusjs.dev/guides/workspaces-and-gateway
|
|
- https://wrnexusjs.dev/guides/deployment
|
|
- https://wrnexusjs.dev/guides/configuration-and-profiles
|
|
- https://wrnexusjs.dev/guides/i18n-and-themes
|
|
- https://wrnexusjs.dev/guides/mobile
|
|
- https://wrnexusjs.dev/guides/observability
|
|
- https://wrnexusjs.dev/guides/upgrading
|
|
- https://wrnexusjs.dev/guides/troubleshooting
|
|
- https://wrnexusjs.dev/examples
|
|
- https://wrnexusjs.dev/showcase
|
|
- https://wrnexusjs.dev/benchmarks
|
|
- https://wrnexusjs.dev/roadmap
|
|
- https://wrnexusjs.dev/changelog
|
|
- https://wrnexusjs.dev/releases/0.2.59
|
|
- https://wrnexusjs.dev/security
|
|
- https://wrnexusjs.dev/support
|
|
- https://wrnexusjs.dev/license
|
|
- https://wrnexusjs.dev/search
|
|
- https://wrnexusjs.dev/404
|
|
- https://wrnexusjs.dev/packages/ai
|
|
- https://wrnexusjs.dev/packages/authz
|
|
- https://wrnexusjs.dev/packages/cli
|
|
- https://wrnexusjs.dev/packages/compiler
|
|
- https://wrnexusjs.dev/packages/core
|
|
- https://wrnexusjs.dev/packages/csr
|
|
- https://wrnexusjs.dev/packages/db
|
|
- https://wrnexusjs.dev/packages/dev-server
|
|
- https://wrnexusjs.dev/packages/encryption
|
|
- https://wrnexusjs.dev/packages/helpers
|
|
- https://wrnexusjs.dev/packages/i18n
|
|
- https://wrnexusjs.dev/packages/jwt
|
|
- https://wrnexusjs.dev/packages/mobile
|
|
- https://wrnexusjs.dev/packages/native
|
|
- https://wrnexusjs.dev/packages/oauth
|
|
- https://wrnexusjs.dev/packages/pubsub
|
|
- https://wrnexusjs.dev/packages/queue
|
|
- https://wrnexusjs.dev/packages/reactive
|
|
- https://wrnexusjs.dev/packages/router
|
|
- https://wrnexusjs.dev/packages/ssr
|
|
- https://wrnexusjs.dev/packages/styles
|
|
- https://wrnexusjs.dev/packages/test
|
|
- https://wrnexusjs.dev/packages/tracking
|
|
- https://wrnexusjs.dev/packages/ui
|
|
- https://wrnexusjs.dev/packages/uploader
|
|
- https://wrnexusjs.dev/packages/validation
|
|
|
|
For exact APIs, use installed package README files followed by exported declarations.
|
|
|
|
# Complete @wrnexus/ui component reference
|
|
|
|
### AcceptAllCookiesButton
|
|
Mount: data-component="AcceptAllCookiesButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AccessibleAccordion
|
|
Mount: data-component="AccessibleAccordion"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AccessibleCarousel
|
|
Mount: data-component="AccessibleCarousel"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AccessibleChartSummary
|
|
Mount: data-component="AccessibleChartSummary"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AccessibleDialog
|
|
Mount: data-component="AccessibleDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AccessibleErrorSummary
|
|
Mount: data-component="AccessibleErrorSummary"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AccessibleIcon
|
|
Mount: data-component="AccessibleIcon"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AccessibleMenu
|
|
Mount: data-component="AccessibleMenu"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AccessibleTabs
|
|
Mount: data-component="AccessibleTabs"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AccessibleTooltip
|
|
Mount: data-component="AccessibleTooltip"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Accordion
|
|
Mount: data-component="Accordion"
|
|
Category: content
|
|
Props: title: string = "Question", open: boolean = false
|
|
Slots: default
|
|
Events: click
|
|
|
|
### AccountMenu
|
|
Mount: data-component="AccountMenu"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AccountStatusBanner
|
|
Mount: data-component="AccountStatusBanner"
|
|
Category: feedback
|
|
Props: label: string = "AccountStatus", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ActionMenu
|
|
Mount: data-component="ActionMenu"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ActiveFilterList
|
|
Mount: data-component="ActiveFilterList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ActivityList
|
|
Mount: data-component="ActivityList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AddOnCard
|
|
Mount: data-component="AddOnCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AddressInput
|
|
Mount: data-component="AddressInput"
|
|
Category: forms
|
|
Props: label: string = "Address", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AddressPreview
|
|
Mount: data-component="AddressPreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AdvancedFilterBuilder
|
|
Mount: data-component="AdvancedFilterBuilder"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Alert
|
|
Mount: data-component="Alert"
|
|
Category: feedback
|
|
Props: title: string = "Notice", description: string = "", variant: string = "info", dismissible: boolean = false
|
|
Slots: default
|
|
Events: click
|
|
|
|
### AlertDialog
|
|
Mount: data-component="AlertDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AmountInput
|
|
Mount: data-component="AmountInput"
|
|
Category: forms
|
|
Props: label: string = "Amount", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AnalyticsDashboardPreview
|
|
Mount: data-component="AnalyticsDashboardPreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AnchorNavigation
|
|
Mount: data-component="AnchorNavigation"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AnnouncementBar
|
|
Mount: data-component="AnnouncementBar"
|
|
Category: core
|
|
Props: badge: string = "New", message: string = "WrNexus Organizations is now available.", description: string = "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO.", href: string = "/organizations", actionLabel: string = "Explore organizations", ariaLabel: string = "Announcement"
|
|
Slots: none
|
|
Events: click
|
|
|
|
### ApartmentInput
|
|
Mount: data-component="ApartmentInput"
|
|
Category: forms
|
|
Props: label: string = "Apartment", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ApiAuthenticationNotice
|
|
Mount: data-component="ApiAuthenticationNotice"
|
|
Category: feedback
|
|
Props: label: string = "ApiAuthentication", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ApiEndpointCard
|
|
Mount: data-component="ApiEndpointCard"
|
|
Category: content
|
|
Props: method: string = "GET", path: string = "/api/example", description: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ApiErrorExample
|
|
Mount: data-component="ApiErrorExample"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ApiHeaderTable
|
|
Mount: data-component="ApiHeaderTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ApiKeyCreateDialog
|
|
Mount: data-component="ApiKeyCreateDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ApiKeyDisplay
|
|
Mount: data-component="ApiKeyDisplay"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ApiKeyInput
|
|
Mount: data-component="ApiKeyInput"
|
|
Category: forms
|
|
Props: label: string = "ApiKey", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ApiMethodBadge
|
|
Mount: data-component="ApiMethodBadge"
|
|
Category: feedback
|
|
Props: label: string = "ApiMethod", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ApiParameterTable
|
|
Mount: data-component="ApiParameterTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ApiRateLimitNotice
|
|
Mount: data-component="ApiRateLimitNotice"
|
|
Category: feedback
|
|
Props: label: string = "ApiRateLimit", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ApiRequestExample
|
|
Mount: data-component="ApiRequestExample"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ApiResponseExample
|
|
Mount: data-component="ApiResponseExample"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ApiSchemaTable
|
|
Mount: data-component="ApiSchemaTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ApiSchemaViewer
|
|
Mount: data-component="ApiSchemaViewer"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ApiVersionBadge
|
|
Mount: data-component="ApiVersionBadge"
|
|
Category: feedback
|
|
Props: label: string = "ApiVersion", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AppHeader
|
|
Mount: data-component="AppHeader"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ArchitectureSection
|
|
Mount: data-component="ArchitectureSection"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AreaChart
|
|
Mount: data-component="AreaChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ArticleHero
|
|
Mount: data-component="ArticleHero"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ArticleLayout
|
|
Mount: data-component="ArticleLayout"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ArticleNewsletterCTA
|
|
Mount: data-component="ArticleNewsletterCTA"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ArticlePageShell
|
|
Mount: data-component="ArticlePageShell"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ArticleShareActions
|
|
Mount: data-component="ArticleShareActions"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AspectRatio
|
|
Mount: data-component="AspectRatio"
|
|
Category: core
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AssetCard
|
|
Mount: data-component="AssetCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AttachmentPicker
|
|
Mount: data-component="AttachmentPicker"
|
|
Category: forms
|
|
Props: label: string = "Attachment", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AttachmentUpload
|
|
Mount: data-component="AttachmentUpload"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AudioUpload
|
|
Mount: data-component="AudioUpload"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AuditLogPreview
|
|
Mount: data-component="AuditLogPreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AuditTable
|
|
Mount: data-component="AuditTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AuthenticatorCodeInput
|
|
Mount: data-component="AuthenticatorCodeInput"
|
|
Category: forms
|
|
Props: label: string = "AuthenticatorCode", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AuthorAvatar
|
|
Mount: data-component="AuthorAvatar"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AuthorCard
|
|
Mount: data-component="AuthorCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AuthorizedApplicationCard
|
|
Mount: data-component="AuthorizedApplicationCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AutoGrid
|
|
Mount: data-component="AutoGrid"
|
|
Category: data
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AutomationExampleCard
|
|
Mount: data-component="AutomationExampleCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AvailabilityCalendar
|
|
Mount: data-component="AvailabilityCalendar"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Avatar
|
|
Mount: data-component="Avatar"
|
|
Category: content
|
|
Props: src: string = "", alt: string = "", initials: string = "WR", size: string = "md"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### AvatarGroup
|
|
Mount: data-component="AvatarGroup"
|
|
Category: forms
|
|
Props: label: string = "Avatar", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### AvatarUpload
|
|
Mount: data-component="AvatarUpload"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BackButton
|
|
Mount: data-component="BackButton"
|
|
Category: actions
|
|
Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BackToTop
|
|
Mount: data-component="BackToTop"
|
|
Category: core
|
|
Props: label: string = "Back to top", assistiveLabel: string = "Return to the top of the page", threshold: number = 500
|
|
Slots: none
|
|
Events: click
|
|
|
|
### Badge
|
|
Mount: data-component="Badge"
|
|
Category: feedback
|
|
Props: label: string = "Badge", variant: string = "neutral"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### BankTransferDetails
|
|
Mount: data-component="BankTransferDetails"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Banner
|
|
Mount: data-component="Banner"
|
|
Category: feedback
|
|
Props: text: string = "Announcement", href: string = "", actionLabel: string = "Learn more", variant: string = "brand"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### BarChart
|
|
Mount: data-component="BarChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BetaBadge
|
|
Mount: data-component="BetaBadge"
|
|
Category: feedback
|
|
Props: label: string = "Beta", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BillingAddressForm
|
|
Mount: data-component="BillingAddressForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BillingExample
|
|
Mount: data-component="BillingExample"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BillingPeriodToggle
|
|
Mount: data-component="BillingPeriodToggle"
|
|
Category: forms
|
|
Props: label: string = "BillingPeriod", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BlackoutDatePicker
|
|
Mount: data-component="BlackoutDatePicker"
|
|
Category: forms
|
|
Props: label: string = "BlackoutDate", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BlogCard
|
|
Mount: data-component="BlogCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BlogGrid
|
|
Mount: data-component="BlogGrid"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BlogList
|
|
Mount: data-component="BlogList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BlogSearch
|
|
Mount: data-component="BlogSearch"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BodyText
|
|
Mount: data-component="BodyText"
|
|
Category: content
|
|
Props: text: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BorderRadiusPicker
|
|
Mount: data-component="BorderRadiusPicker"
|
|
Category: forms
|
|
Props: label: string = "BorderRadius", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BottomNavigation
|
|
Mount: data-component="BottomNavigation"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BrandColorPicker
|
|
Mount: data-component="BrandColorPicker"
|
|
Category: forms
|
|
Props: label: string = "BrandColor", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BrandSelector
|
|
Mount: data-component="BrandSelector"
|
|
Category: forms
|
|
Props: label: string = "Brand", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Breadcrumbs
|
|
Mount: data-component="Breadcrumbs"
|
|
Category: core
|
|
Props: homeLabel: string = "Home", homeHref: string = "/", current: string = "Current page"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### BrowserFrame
|
|
Mount: data-component="BrowserFrame"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BudgetRangeSlider
|
|
Mount: data-component="BudgetRangeSlider"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BudgetSelector
|
|
Mount: data-component="BudgetSelector"
|
|
Category: forms
|
|
Props: label: string = "Budget", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### BusinessHoursPicker
|
|
Mount: data-component="BusinessHoursPicker"
|
|
Category: forms
|
|
Props: label: string = "BusinessHours", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Button
|
|
Mount: data-component="Button"
|
|
Category: actions
|
|
Props: label: string = "Button", type: string = "button", variant: string = "primary", size: string = "md", disabled: boolean = false, loading: boolean = false, icon: string = "", className: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### ButtonGroup
|
|
Mount: data-component="ButtonGroup"
|
|
Category: forms
|
|
Props: label: string = "Button", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ButtonSelector
|
|
Mount: data-component="ButtonSelector"
|
|
Category: forms
|
|
Props: label: string = "Button", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Calendar
|
|
Mount: data-component="Calendar"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CalendarGrid
|
|
Mount: data-component="CalendarGrid"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CalendarHeader
|
|
Mount: data-component="CalendarHeader"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CalendarNavigation
|
|
Mount: data-component="CalendarNavigation"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CallbackUrlInput
|
|
Mount: data-component="CallbackUrlInput"
|
|
Category: forms
|
|
Props: label: string = "CallbackUrl", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CampaignCard
|
|
Mount: data-component="CampaignCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CampaignPerformancePreview
|
|
Mount: data-component="CampaignPerformancePreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CampaignProgress
|
|
Mount: data-component="CampaignProgress"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CapabilityGrid
|
|
Mount: data-component="CapabilityGrid"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CaptchaField
|
|
Mount: data-component="CaptchaField"
|
|
Category: forms
|
|
Props: label: string = "Captcha", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Card
|
|
Mount: data-component="Card"
|
|
Category: content
|
|
Props: variant: string = "default", padding: string = "md", interactive: boolean = false, className: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CardPaymentForm
|
|
Mount: data-component="CardPaymentForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CardSelector
|
|
Mount: data-component="CardSelector"
|
|
Category: forms
|
|
Props: label: string = "Card", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CardSkeleton
|
|
Mount: data-component="CardSkeleton"
|
|
Category: feedback
|
|
Props: label: string = "Card", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CareerApplicationForm
|
|
Mount: data-component="CareerApplicationForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CareerBenefitsGrid
|
|
Mount: data-component="CareerBenefitsGrid"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Carousel
|
|
Mount: data-component="Carousel"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CaseStudyCard
|
|
Mount: data-component="CaseStudyCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CaseStudyHero
|
|
Mount: data-component="CaseStudyHero"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CaseStudyPreview
|
|
Mount: data-component="CaseStudyPreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CenteredCTA
|
|
Mount: data-component="CenteredCTA"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CenteredHero
|
|
Mount: data-component="CenteredHero"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CenteredSectionHeader
|
|
Mount: data-component="CenteredSectionHeader"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CertificateUpload
|
|
Mount: data-component="CertificateUpload"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CertificationBadge
|
|
Mount: data-component="CertificationBadge"
|
|
Category: feedback
|
|
Props: label: string = "Certification", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ChallengeSection
|
|
Mount: data-component="ChallengeSection"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ChannelBadge
|
|
Mount: data-component="ChannelBadge"
|
|
Category: feedback
|
|
Props: label: string = "Channel", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ChannelCard
|
|
Mount: data-component="ChannelCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ChannelComparisonChart
|
|
Mount: data-component="ChannelComparisonChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ChannelComparisonTable
|
|
Mount: data-component="ChannelComparisonTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ChannelFallbackDiagram
|
|
Mount: data-component="ChannelFallbackDiagram"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ChannelFlow
|
|
Mount: data-component="ChannelFlow"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ChannelIcon
|
|
Mount: data-component="ChannelIcon"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ChannelRateTable
|
|
Mount: data-component="ChannelRateTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ChannelSelector
|
|
Mount: data-component="ChannelSelector"
|
|
Category: forms
|
|
Props: label: string = "Channel", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CharacterCounter
|
|
Mount: data-component="CharacterCounter"
|
|
Category: feedback
|
|
Props: label: string = "Character", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ChartEmptyState
|
|
Mount: data-component="ChartEmptyState"
|
|
Category: feedback
|
|
Props: label: string = "ChartEmpty", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ChartTooltip
|
|
Mount: data-component="ChartTooltip"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Checkbox
|
|
Mount: data-component="Checkbox"
|
|
Category: core
|
|
Props: id: string = "", name: string = "", label: string = "Checkbox", description: string = "", checked: boolean = false, disabled: boolean = false
|
|
Slots: none
|
|
Events: none
|
|
|
|
### CheckboxGroup
|
|
Mount: data-component="CheckboxGroup"
|
|
Category: forms
|
|
Props: label: string = "Checkbox", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Checklist
|
|
Mount: data-component="Checklist"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ChecklistProgress
|
|
Mount: data-component="ChecklistProgress"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Chip
|
|
Mount: data-component="Chip"
|
|
Category: core
|
|
Props: label: string = "Chip", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ChipInput
|
|
Mount: data-component="ChipInput"
|
|
Category: forms
|
|
Props: label: string = "Chip", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CircularProgress
|
|
Mount: data-component="CircularProgress"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CitySelector
|
|
Mount: data-component="CitySelector"
|
|
Category: forms
|
|
Props: label: string = "City", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ClearFiltersButton
|
|
Mount: data-component="ClearFiltersButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ClickableCard
|
|
Mount: data-component="ClickableCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CloseButton
|
|
Mount: data-component="CloseButton"
|
|
Category: actions
|
|
Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Cluster
|
|
Mount: data-component="Cluster"
|
|
Category: core
|
|
Props: gap: string = "4", className: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Code
|
|
Mount: data-component="Code"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CodeBlock
|
|
Mount: data-component="CodeBlock"
|
|
Category: content
|
|
Props: language: string = "text", filename: string = "", code: string = ""
|
|
Slots: none
|
|
Events: click
|
|
|
|
### CodeCopyButton
|
|
Mount: data-component="CodeCopyButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CodeHeader
|
|
Mount: data-component="CodeHeader"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CodeInput
|
|
Mount: data-component="CodeInput"
|
|
Category: forms
|
|
Props: label: string = "Code", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CodeLanguageBadge
|
|
Mount: data-component="CodeLanguageBadge"
|
|
Category: feedback
|
|
Props: label: string = "CodeLanguage", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CodeTabs
|
|
Mount: data-component="CodeTabs"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CodeText
|
|
Mount: data-component="CodeText"
|
|
Category: content
|
|
Props: text: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CohortChart
|
|
Mount: data-component="CohortChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ColorGrid
|
|
Mount: data-component="ColorGrid"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ColorHexInput
|
|
Mount: data-component="ColorHexInput"
|
|
Category: forms
|
|
Props: label: string = "ColorHex", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ColorPicker
|
|
Mount: data-component="ColorPicker"
|
|
Category: forms
|
|
Props: label: string = "Color", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ColorSelector
|
|
Mount: data-component="ColorSelector"
|
|
Category: forms
|
|
Props: label: string = "Color", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ColorSwatch
|
|
Mount: data-component="ColorSwatch"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Combobox
|
|
Mount: data-component="Combobox"
|
|
Category: core
|
|
Props: id: string = "combobox", name: string = "", label: string = "Choose an option", placeholder: string = "Search options", options: string = [], required: boolean = false, disabled: boolean = false, class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### ComingSoonBadge
|
|
Mount: data-component="ComingSoonBadge"
|
|
Category: feedback
|
|
Props: label: string = "ComingSoon", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ComingSoonState
|
|
Mount: data-component="ComingSoonState"
|
|
Category: feedback
|
|
Props: label: string = "ComingSoon", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CommandBlock
|
|
Mount: data-component="CommandBlock"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CommandMenu
|
|
Mount: data-component="CommandMenu"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CommandSearchInput
|
|
Mount: data-component="CommandSearchInput"
|
|
Category: forms
|
|
Props: label: string = "CommandSearch", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CompanyHero
|
|
Mount: data-component="CompanyHero"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CompanyNameInput
|
|
Mount: data-component="CompanyNameInput"
|
|
Category: forms
|
|
Props: label: string = "CompanyName", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CompanyPageShell
|
|
Mount: data-component="CompanyPageShell"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CompanySizeSelector
|
|
Mount: data-component="CompanySizeSelector"
|
|
Category: forms
|
|
Props: label: string = "CompanySize", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ComparisonDateRangePicker
|
|
Mount: data-component="ComparisonDateRangePicker"
|
|
Category: forms
|
|
Props: label: string = "ComparisonDateRange", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ComparisonTable
|
|
Mount: data-component="ComparisonTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CompletionMeter
|
|
Mount: data-component="CompletionMeter"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ComplianceBadgeList
|
|
Mount: data-component="ComplianceBadgeList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ComplianceProgramCard
|
|
Mount: data-component="ComplianceProgramCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ConfirmationDialog
|
|
Mount: data-component="ConfirmationDialog"
|
|
Category: overlays
|
|
Props: title: string = "Confirm action", description: string = "Are you sure you want to continue?", confirmLabel: string = "Confirm", cancelLabel: string = "Cancel", danger: boolean = false, open: boolean = false, class: string = ""
|
|
Slots: confirm
|
|
Events: click
|
|
|
|
### ConfirmPasswordInput
|
|
Mount: data-component="ConfirmPasswordInput"
|
|
Category: forms
|
|
Props: label: string = "ConfirmPassword", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ConnectedAccountCard
|
|
Mount: data-component="ConnectedAccountCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ConnectionCard
|
|
Mount: data-component="ConnectionCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ConsentTimelinePreview
|
|
Mount: data-component="ConsentTimelinePreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ContactCard
|
|
Mount: data-component="ContactCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ContactCTA
|
|
Mount: data-component="ContactCTA"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ContactForm
|
|
Mount: data-component="ContactForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ContactHero
|
|
Mount: data-component="ContactHero"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ContactPageShell
|
|
Mount: data-component="ContactPageShell"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ContactSalesButton
|
|
Mount: data-component="ContactSalesButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ContactSalesForm
|
|
Mount: data-component="ContactSalesForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Container
|
|
Mount: data-component="Container"
|
|
Category: core
|
|
Props: size: string = "default", className: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ContextMenu
|
|
Mount: data-component="ContextMenu"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ContextSwitcher
|
|
Mount: data-component="ContextSwitcher"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ConversationList
|
|
Mount: data-component="ConversationList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ConversationPreview
|
|
Mount: data-component="ConversationPreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ConversionChart
|
|
Mount: data-component="ConversionChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CookieBanner
|
|
Mount: data-component="CookieBanner"
|
|
Category: feedback
|
|
Props: title: string = "We use cookies", description: string = "We use essential cookies and optional analytics to improve your experience.", privacyHref: string = "/privacy"
|
|
Slots: none
|
|
Events: click
|
|
|
|
### CookieCategoryList
|
|
Mount: data-component="CookieCategoryList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CookieCategoryToggle
|
|
Mount: data-component="CookieCategoryToggle"
|
|
Category: forms
|
|
Props: label: string = "CookieCategory", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CookieDetailsTable
|
|
Mount: data-component="CookieDetailsTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CookiePreferencesDialog
|
|
Mount: data-component="CookiePreferencesDialog"
|
|
Category: overlays
|
|
Props: title: string = "Cookie preferences", description: string = "Choose which optional cookies you allow. Essential cookies are always enabled.", saveLabel: string = "Save preferences", acceptLabel: string = "Accept all", rejectLabel: string = "Reject optional", open: boolean = false, class: string = ""
|
|
Slots: none
|
|
Events: change, click
|
|
|
|
### CookieTable
|
|
Mount: data-component="CookieTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CoordinatesInput
|
|
Mount: data-component="CoordinatesInput"
|
|
Category: forms
|
|
Props: label: string = "Coordinates", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CoordinatesPicker
|
|
Mount: data-component="CoordinatesPicker"
|
|
Category: forms
|
|
Props: label: string = "Coordinates", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CopyButton
|
|
Mount: data-component="CopyButton"
|
|
Category: actions
|
|
Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CopyCodeButton
|
|
Mount: data-component="CopyCodeButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CopySecretField
|
|
Mount: data-component="CopySecretField"
|
|
Category: forms
|
|
Props: label: string = "CopySecret", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CostBreakdownChart
|
|
Mount: data-component="CostBreakdownChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CostSummary
|
|
Mount: data-component="CostSummary"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Counter
|
|
Mount: data-component="Counter"
|
|
Category: feedback
|
|
Props: label: string = "Status", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CountryCallingCodeInput
|
|
Mount: data-component="CountryCallingCodeInput"
|
|
Category: forms
|
|
Props: label: string = "CountryCallingCode", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CountryCallingCodeSelector
|
|
Mount: data-component="CountryCallingCodeSelector"
|
|
Category: forms
|
|
Props: label: string = "CountryCallingCode", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CountrySelector
|
|
Mount: data-component="CountrySelector"
|
|
Category: forms
|
|
Props: label: string = "Country", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CouponInput
|
|
Mount: data-component="CouponInput"
|
|
Category: forms
|
|
Props: label: string = "Coupon", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CreditAmountInput
|
|
Mount: data-component="CreditAmountInput"
|
|
Category: forms
|
|
Props: label: string = "CreditAmount", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CronBuilder
|
|
Mount: data-component="CronBuilder"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CronInput
|
|
Mount: data-component="CronInput"
|
|
Category: forms
|
|
Props: label: string = "Cron", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CsvUpload
|
|
Mount: data-component="CsvUpload"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CTASection
|
|
Mount: data-component="CTASection"
|
|
Category: layout
|
|
Props: eyebrow: string = "Ready?", title: string = "Start building today", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Contact sales", secondaryHref: string = "#"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### CurrencyInput
|
|
Mount: data-component="CurrencyInput"
|
|
Category: forms
|
|
Props: label: string = "Currency", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CurrencySelector
|
|
Mount: data-component="CurrencySelector"
|
|
Category: forms
|
|
Props: label: string = "Currency", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CurrentPasswordInput
|
|
Mount: data-component="CurrentPasswordInput"
|
|
Category: forms
|
|
Props: label: string = "CurrentPassword", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CustomerLogo
|
|
Mount: data-component="CustomerLogo"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### CustomerStoryCard
|
|
Mount: data-component="CustomerStoryCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DangerButton
|
|
Mount: data-component="DangerButton"
|
|
Category: actions
|
|
Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DataProtectionCard
|
|
Mount: data-component="DataProtectionCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DataRetentionTable
|
|
Mount: data-component="DataRetentionTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DataTable
|
|
Mount: data-component="DataTable"
|
|
Category: data
|
|
Props: caption: string = "Data table", columns: string = [], rows: string = [], emptyMessage: string = "No data available.", striped: boolean = false, class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### DateInput
|
|
Mount: data-component="DateInput"
|
|
Category: forms
|
|
Props: id: string = "", name: string = "", label: string = "Date", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### DatePicker
|
|
Mount: data-component="DatePicker"
|
|
Category: forms
|
|
Props: id: string = "date", name: string = "date", label: string = "Date", value: string = "", min: string = "", max: string = "", required: boolean = false
|
|
Slots: none
|
|
Events: none
|
|
|
|
### DateRangeCalendar
|
|
Mount: data-component="DateRangeCalendar"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DateRangePicker
|
|
Mount: data-component="DateRangePicker"
|
|
Category: forms
|
|
Props: label: string = "Date range", startName: string = "startDate", endName: string = "endDate"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### DateRangeSlider
|
|
Mount: data-component="DateRangeSlider"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DateTimeInput
|
|
Mount: data-component="DateTimeInput"
|
|
Category: forms
|
|
Props: id: string = "", name: string = "", label: string = "DateTime", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### DateTimePicker
|
|
Mount: data-component="DateTimePicker"
|
|
Category: forms
|
|
Props: id: string = "datetime-picker", name: string = "datetime", label: string = "Date and time", value: string = "", min: string = "", max: string = "", required: boolean = false, disabled: boolean = false, class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### DateTimeRangePicker
|
|
Mount: data-component="DateTimeRangePicker"
|
|
Category: forms
|
|
Props: label: string = "DateTimeRange", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DecimalInput
|
|
Mount: data-component="DecimalInput"
|
|
Category: forms
|
|
Props: label: string = "Decimal", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DefinitionList
|
|
Mount: data-component="DefinitionList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DeleteConfirmationDialog
|
|
Mount: data-component="DeleteConfirmationDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DeliveryPreview
|
|
Mount: data-component="DeliveryPreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DeliveryStatusChart
|
|
Mount: data-component="DeliveryStatusChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DeliveryStatusTimeline
|
|
Mount: data-component="DeliveryStatusTimeline"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DemoRequestForm
|
|
Mount: data-component="DemoRequestForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DepartmentInput
|
|
Mount: data-component="DepartmentInput"
|
|
Category: forms
|
|
Props: label: string = "Department", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DeprecatedFeatureAlert
|
|
Mount: data-component="DeprecatedFeatureAlert"
|
|
Category: feedback
|
|
Props: label: string = "DeprecatedFeature", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DescriptionList
|
|
Mount: data-component="DescriptionList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DesktopNavigation
|
|
Mount: data-component="DesktopNavigation"
|
|
Category: layout
|
|
Props: label: string = "Primary navigation", items: string = [], class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### DeveloperCTA
|
|
Mount: data-component="DeveloperCTA"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DeveloperHero
|
|
Mount: data-component="DeveloperHero"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DeveloperPageShell
|
|
Mount: data-component="DeveloperPageShell"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DeveloperSearch
|
|
Mount: data-component="DeveloperSearch"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DevelopersMenu
|
|
Mount: data-component="DevelopersMenu"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DeviceCard
|
|
Mount: data-component="DeviceCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### disclosure
|
|
Mount: data-component="disclosure"
|
|
Category: core
|
|
Props: summary: string = "Details", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DiscountInput
|
|
Mount: data-component="DiscountInput"
|
|
Category: forms
|
|
Props: label: string = "Discount", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DisplayHeading
|
|
Mount: data-component="DisplayHeading"
|
|
Category: core
|
|
Props: text: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DisplayNameInput
|
|
Mount: data-component="DisplayNameInput"
|
|
Category: forms
|
|
Props: label: string = "DisplayName", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Divider
|
|
Mount: data-component="Divider"
|
|
Category: core
|
|
Props: className: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DocumentPreview
|
|
Mount: data-component="DocumentPreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DocumentUpload
|
|
Mount: data-component="DocumentUpload"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DomainInput
|
|
Mount: data-component="DomainInput"
|
|
Category: forms
|
|
Props: label: string = "Domain", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DoNotSellLink
|
|
Mount: data-component="DoNotSellLink"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DonutChart
|
|
Mount: data-component="DonutChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DownloadAction
|
|
Mount: data-component="DownloadAction"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DownloadButton
|
|
Mount: data-component="DownloadButton"
|
|
Category: actions
|
|
Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DownloadGateForm
|
|
Mount: data-component="DownloadGateForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DownloadPolicyButton
|
|
Mount: data-component="DownloadPolicyButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DownloadResourceForm
|
|
Mount: data-component="DownloadResourceForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Drawer
|
|
Mount: data-component="Drawer"
|
|
Category: core
|
|
Props: title: string = "Panel", open: boolean = false, side: string = "right"
|
|
Slots: default
|
|
Events: click
|
|
|
|
### DropdownMenu
|
|
Mount: data-component="DropdownMenu"
|
|
Category: overlays
|
|
Props: label: string = "Menu"
|
|
Slots: default
|
|
Events: click
|
|
|
|
### DropdownNavigation
|
|
Mount: data-component="DropdownNavigation"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DurationInput
|
|
Mount: data-component="DurationInput"
|
|
Category: forms
|
|
Props: label: string = "Duration", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DurationPicker
|
|
Mount: data-component="DurationPicker"
|
|
Category: forms
|
|
Props: label: string = "Duration", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### DurationSlider
|
|
Mount: data-component="DurationSlider"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ElevatedCard
|
|
Mount: data-component="ElevatedCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### EmailBodyEditor
|
|
Mount: data-component="EmailBodyEditor"
|
|
Category: forms
|
|
Props: label: string = "EmailBody", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### EmailComposer
|
|
Mount: data-component="EmailComposer"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### EmailInput
|
|
Mount: data-component="EmailInput"
|
|
Category: forms
|
|
Props: id: string = "", name: string = "", label: string = "Email", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### EmojiPicker
|
|
Mount: data-component="EmojiPicker"
|
|
Category: forms
|
|
Props: label: string = "Emoji", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### EmptyState
|
|
Mount: data-component="EmptyState"
|
|
Category: feedback
|
|
Props: icon: string = "◇", title: string = "Nothing here yet", description: string = "", actionLabel: string = "", actionHref: string = "#"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### EncryptionDiagram
|
|
Mount: data-component="EncryptionDiagram"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### EnterpriseCTA
|
|
Mount: data-component="EnterpriseCTA"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### EnterpriseHero
|
|
Mount: data-component="EnterpriseHero"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### EnterprisePricingCard
|
|
Mount: data-component="EnterprisePricingCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### EnvironmentSelector
|
|
Mount: data-component="EnvironmentSelector"
|
|
Category: forms
|
|
Props: label: string = "Environment", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### EnvironmentSwitcher
|
|
Mount: data-component="EnvironmentSwitcher"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ErrorActions
|
|
Mount: data-component="ErrorActions"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ErrorCard
|
|
Mount: data-component="ErrorCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ErrorCode
|
|
Mount: data-component="ErrorCode"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ErrorHero
|
|
Mount: data-component="ErrorHero"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ErrorIllustration
|
|
Mount: data-component="ErrorIllustration"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ErrorPage
|
|
Mount: data-component="ErrorPage"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ErrorPageShell
|
|
Mount: data-component="ErrorPageShell"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ErrorState
|
|
Mount: data-component="ErrorState"
|
|
Category: feedback
|
|
Props: code: string = "500", title: string = "Something went wrong", description: string = "Please try again.", actionLabel: string = "Try again", actionHref: string = "/"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### ErrorSupportLink
|
|
Mount: data-component="ErrorSupportLink"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### EstimatedCostSummary
|
|
Mount: data-component="EstimatedCostSummary"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### EventTable
|
|
Mount: data-component="EventTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ExpandableText
|
|
Mount: data-component="ExpandableText"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ExpiryDateTimePicker
|
|
Mount: data-component="ExpiryDateTimePicker"
|
|
Category: forms
|
|
Props: label: string = "ExpiryDateTime", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ExportProgress
|
|
Mount: data-component="ExportProgress"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ExternalLink
|
|
Mount: data-component="ExternalLink"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### EyebrowText
|
|
Mount: data-component="EyebrowText"
|
|
Category: content
|
|
Props: text: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FactorCard
|
|
Mount: data-component="FactorCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FallbackRouteBuilder
|
|
Mount: data-component="FallbackRouteBuilder"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FallbackRouteDiagram
|
|
Mount: data-component="FallbackRouteDiagram"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FAQ
|
|
Mount: data-component="FAQ"
|
|
Category: core
|
|
Props: eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, allowMultiple: boolean = false, defaultOpenIndex: number = 0
|
|
Slots: none
|
|
Events: none
|
|
|
|
### FAQAccordion
|
|
Mount: data-component="FAQAccordion"
|
|
Category: core
|
|
Props: eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, compact: boolean = false, allowMultiple: boolean = false, defaultOpenIndex: number = 0, showContact: boolean = false, contactText: string = "Still have questions?", contactLabel: string = "Contact support", contactHref: string = "/support"
|
|
Slots: none
|
|
Events: click
|
|
|
|
### FaviconUpload
|
|
Mount: data-component="FaviconUpload"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FaxInput
|
|
Mount: data-component="FaxInput"
|
|
Category: forms
|
|
Props: label: string = "Fax", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FeatureCard
|
|
Mount: data-component="FeatureCard"
|
|
Category: content
|
|
Props: icon: string = "✦", title: string = "Feature", description: string = "", href: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### FeatureChecklist
|
|
Mount: data-component="FeatureChecklist"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FeatureComparisonTable
|
|
Mount: data-component="FeatureComparisonTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FeaturedBlogCard
|
|
Mount: data-component="FeaturedBlogCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FeatureDetailsPanel
|
|
Mount: data-component="FeatureDetailsPanel"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FeatureGrid
|
|
Mount: data-component="FeatureGrid"
|
|
Category: data
|
|
Props: columns: number = 3, className: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FeatureIconCard
|
|
Mount: data-component="FeatureIconCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FeatureList
|
|
Mount: data-component="FeatureList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FeatureTabs
|
|
Mount: data-component="FeatureTabs"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FeatureTimeline
|
|
Mount: data-component="FeatureTimeline"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FeatureUnavailableState
|
|
Mount: data-component="FeatureUnavailableState"
|
|
Category: feedback
|
|
Props: label: string = "FeatureUnavailable", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FieldActions
|
|
Mount: data-component="FieldActions"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### file-upload
|
|
Mount: data-component="file-upload"
|
|
Category: core
|
|
Props: store: string = "public", endpoint: string = "/api/upload", accept: string = "", multiple: boolean = false, max: number = 0, label: string = "Drag files here or click to browse", class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### FileInput
|
|
Mount: data-component="FileInput"
|
|
Category: forms
|
|
Props: label: string = "File", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FileList
|
|
Mount: data-component="FileList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FileSizeInput
|
|
Mount: data-component="FileSizeInput"
|
|
Category: forms
|
|
Props: label: string = "FileSize", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FileSizeLabel
|
|
Mount: data-component="FileSizeLabel"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FileTypeBadge
|
|
Mount: data-component="FileTypeBadge"
|
|
Category: feedback
|
|
Props: label: string = "FileType", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FileUpload
|
|
Mount: data-component="FileUpload"
|
|
Category: content
|
|
Props: id: string = "file", name: string = "file", label: string = "Upload file", accept: string = "", multiple: boolean = false, help: string = "Drag and drop or browse"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### FilterableTable
|
|
Mount: data-component="FilterableTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FilterBar
|
|
Mount: data-component="FilterBar"
|
|
Category: core
|
|
Props: label: string = "Filters", clearLabel: string = "Clear filters", showClear: boolean = true, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FilterMenu
|
|
Mount: data-component="FilterMenu"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FilterSearchInput
|
|
Mount: data-component="FilterSearchInput"
|
|
Category: forms
|
|
Props: label: string = "FilterSearch", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FinalCTA
|
|
Mount: data-component="FinalCTA"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FirstNameInput
|
|
Mount: data-component="FirstNameInput"
|
|
Category: forms
|
|
Props: label: string = "FirstName", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Flex
|
|
Mount: data-component="Flex"
|
|
Category: core
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FontPicker
|
|
Mount: data-component="FontPicker"
|
|
Category: forms
|
|
Props: label: string = "Font", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FontSizePicker
|
|
Mount: data-component="FontSizePicker"
|
|
Category: forms
|
|
Props: label: string = "FontSize", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FontWeightPicker
|
|
Mount: data-component="FontWeightPicker"
|
|
Category: forms
|
|
Props: label: string = "FontWeight", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FooterLanguageSwitcher
|
|
Mount: data-component="FooterLanguageSwitcher"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FooterStatusIndicator
|
|
Mount: data-component="FooterStatusIndicator"
|
|
Category: feedback
|
|
Props: label: string = "FooterStatus", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ForbiddenPage
|
|
Mount: data-component="ForbiddenPage"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ForbiddenState
|
|
Mount: data-component="ForbiddenState"
|
|
Category: feedback
|
|
Props: label: string = "Forbidden", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ForgotPasswordForm
|
|
Mount: data-component="ForgotPasswordForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Form
|
|
Mount: data-component="Form"
|
|
Category: content
|
|
Props: action: string = "", method: string = "post", name: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FormActions
|
|
Mount: data-component="FormActions"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FormAlert
|
|
Mount: data-component="FormAlert"
|
|
Category: feedback
|
|
Props: label: string = "Form", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FormDialog
|
|
Mount: data-component="FormDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FormError
|
|
Mount: data-component="FormError"
|
|
Category: core
|
|
Props: id: string = "", message: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FormErrorSummary
|
|
Mount: data-component="FormErrorSummary"
|
|
Category: content
|
|
Props: title: string = "Please fix the following", visible: boolean = true
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FormField
|
|
Mount: data-component="FormField"
|
|
Category: forms
|
|
Props: label: string = "Field", help: string = "", error: string = "", required: boolean = false
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FormGrid
|
|
Mount: data-component="FormGrid"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FormGroup
|
|
Mount: data-component="FormGroup"
|
|
Category: forms
|
|
Props: label: string = "Form", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FormHelpText
|
|
Mount: data-component="FormHelpText"
|
|
Category: content
|
|
Props: id: string = "", text: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FormLabel
|
|
Mount: data-component="FormLabel"
|
|
Category: content
|
|
Props: for: string = "", label: string = "Label", required: boolean = false, optional: boolean = false, class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### FormProgress
|
|
Mount: data-component="FormProgress"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FormRow
|
|
Mount: data-component="FormRow"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FormSection
|
|
Mount: data-component="FormSection"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FullBleed
|
|
Mount: data-component="FullBleed"
|
|
Category: core
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FullscreenDialog
|
|
Mount: data-component="FullscreenDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FunnelChart
|
|
Mount: data-component="FunnelChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### GeoChart
|
|
Mount: data-component="GeoChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### GeofenceEditor
|
|
Mount: data-component="GeofenceEditor"
|
|
Category: forms
|
|
Props: label: string = "Geofence", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### GhostButton
|
|
Mount: data-component="GhostButton"
|
|
Category: actions
|
|
Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### GlassCard
|
|
Mount: data-component="GlassCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### GlobalSearch
|
|
Mount: data-component="GlobalSearch"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### GradientCTA
|
|
Mount: data-component="GradientCTA"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### GradientPicker
|
|
Mount: data-component="GradientPicker"
|
|
Category: forms
|
|
Props: label: string = "Gradient", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### GradientStopEditor
|
|
Mount: data-component="GradientStopEditor"
|
|
Category: forms
|
|
Props: label: string = "GradientStop", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Grid
|
|
Mount: data-component="Grid"
|
|
Category: data
|
|
Props: gap: string = "4", className: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### GuideCard
|
|
Mount: data-component="GuideCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### GuideChecklist
|
|
Mount: data-component="GuideChecklist"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### GuideDifficultyBadge
|
|
Mount: data-component="GuideDifficultyBadge"
|
|
Category: feedback
|
|
Props: label: string = "GuideDifficulty", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### GuideGrid
|
|
Mount: data-component="GuideGrid"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### GuideStep
|
|
Mount: data-component="GuideStep"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Header
|
|
Mount: data-component="Header"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HeaderActions
|
|
Mount: data-component="HeaderActions"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HealthIndicator
|
|
Mount: data-component="HealthIndicator"
|
|
Category: feedback
|
|
Props: label: string = "Health", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Hero
|
|
Mount: data-component="Hero"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "Build faster with WRNexusJS", highlight: string = "", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Learn more", secondaryHref: string = "#", align: string = "center"
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HeroActions
|
|
Mount: data-component="HeroActions"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HeroCodePanel
|
|
Mount: data-component="HeroCodePanel"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HeroGradientText
|
|
Mount: data-component="HeroGradientText"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HeroPrimaryAction
|
|
Mount: data-component="HeroPrimaryAction"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HeroProductPreview
|
|
Mount: data-component="HeroProductPreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HeroSecondaryAction
|
|
Mount: data-component="HeroSecondaryAction"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HeroTrustText
|
|
Mount: data-component="HeroTrustText"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HexColorInput
|
|
Mount: data-component="HexColorInput"
|
|
Category: forms
|
|
Props: label: string = "HexColor", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HiddenField
|
|
Mount: data-component="HiddenField"
|
|
Category: forms
|
|
Props: label: string = "Hidden", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HighlightText
|
|
Mount: data-component="HighlightText"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HolidayCalendar
|
|
Mount: data-component="HolidayCalendar"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HostnameInput
|
|
Mount: data-component="HostnameInput"
|
|
Category: forms
|
|
Props: label: string = "Hostname", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HourPicker
|
|
Mount: data-component="HourPicker"
|
|
Category: forms
|
|
Props: label: string = "Hour", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HslColorInput
|
|
Mount: data-component="HslColorInput"
|
|
Category: forms
|
|
Props: label: string = "HslColor", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### hstack
|
|
Mount: data-component="hstack"
|
|
Category: core
|
|
Props: gap: string = "4", align: string = "center", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HtmlEditor
|
|
Mount: data-component="HtmlEditor"
|
|
Category: forms
|
|
Props: label: string = "Html", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### HumanApprovalStep
|
|
Mount: data-component="HumanApprovalStep"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Icon
|
|
Mount: data-component="Icon"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### IconButton
|
|
Mount: data-component="IconButton"
|
|
Category: actions
|
|
Props: label: string = "Action", icon: string = "•", variant: string = "ghost", disabled: boolean = false
|
|
Slots: none
|
|
Events: none
|
|
|
|
### IconPicker
|
|
Mount: data-component="IconPicker"
|
|
Category: forms
|
|
Props: label: string = "Icon", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### IconSelector
|
|
Mount: data-component="IconSelector"
|
|
Category: forms
|
|
Props: label: string = "Icon", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### IdentifierInput
|
|
Mount: data-component="IdentifierInput"
|
|
Category: forms
|
|
Props: label: string = "Identifier", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Illustration
|
|
Mount: data-component="Illustration"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ImageCompressionPreview
|
|
Mount: data-component="ImageCompressionPreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ImageEditor
|
|
Mount: data-component="ImageEditor"
|
|
Category: forms
|
|
Props: label: string = "Image", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ImagePreviewDialog
|
|
Mount: data-component="ImagePreviewDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ImageSelector
|
|
Mount: data-component="ImageSelector"
|
|
Category: forms
|
|
Props: label: string = "Image", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ImageUpload
|
|
Mount: data-component="ImageUpload"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ImportProgress
|
|
Mount: data-component="ImportProgress"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### IncidentAlert
|
|
Mount: data-component="IncidentAlert"
|
|
Category: feedback
|
|
Props: label: string = "Incident", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### IncidentBanner
|
|
Mount: data-component="IncidentBanner"
|
|
Category: feedback
|
|
Props: label: string = "Incident", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### IncidentCard
|
|
Mount: data-component="IncidentCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### IncidentList
|
|
Mount: data-component="IncidentList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### IncidentResponseFlow
|
|
Mount: data-component="IncidentResponseFlow"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### IncidentSeverityBadge
|
|
Mount: data-component="IncidentSeverityBadge"
|
|
Category: feedback
|
|
Props: label: string = "IncidentSeverity", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### IncidentTimeline
|
|
Mount: data-component="IncidentTimeline"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### IndustryBadge
|
|
Mount: data-component="IndustryBadge"
|
|
Category: feedback
|
|
Props: label: string = "Industry", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### IndustrySelector
|
|
Mount: data-component="IndustrySelector"
|
|
Category: forms
|
|
Props: label: string = "Industry", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### InfoCard
|
|
Mount: data-component="InfoCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Inline
|
|
Mount: data-component="Inline"
|
|
Category: core
|
|
Props: gap: string = "4", className: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### InlineAlert
|
|
Mount: data-component="InlineAlert"
|
|
Category: feedback
|
|
Props: label: string = "Inline", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### InlineCode
|
|
Mount: data-component="InlineCode"
|
|
Category: content
|
|
Props: text: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### input
|
|
Mount: data-component="input"
|
|
Category: core
|
|
Props: type: string = "text", name: string = "", value: string = "", placeholder: string = "", class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### InputGroup
|
|
Mount: data-component="InputGroup"
|
|
Category: forms
|
|
Props: label: string = "Input", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### InsetPanel
|
|
Mount: data-component="InsetPanel"
|
|
Category: layout
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### IntegerInput
|
|
Mount: data-component="IntegerInput"
|
|
Category: forms
|
|
Props: label: string = "Integer", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### IntegrationCard
|
|
Mount: data-component="IntegrationCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### InvoiceLineItem
|
|
Mount: data-component="InvoiceLineItem"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### InvoiceSummary
|
|
Mount: data-component="InvoiceSummary"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### IpAddressInput
|
|
Mount: data-component="IpAddressInput"
|
|
Category: forms
|
|
Props: label: string = "IpAddress", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### JobCard
|
|
Mount: data-component="JobCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### JobProgress
|
|
Mount: data-component="JobProgress"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### JobTitleInput
|
|
Mount: data-component="JobTitleInput"
|
|
Category: forms
|
|
Props: label: string = "JobTitle", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### JsonInput
|
|
Mount: data-component="JsonInput"
|
|
Category: forms
|
|
Props: label: string = "Json", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### JsonViewer
|
|
Mount: data-component="JsonViewer"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### KeyValueTable
|
|
Mount: data-component="KeyValueTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### KycDocumentUpload
|
|
Mount: data-component="KycDocumentUpload"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LanguageSelector
|
|
Mount: data-component="LanguageSelector"
|
|
Category: forms
|
|
Props: label: string = "Language", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LanguageSwitcher
|
|
Mount: data-component="LanguageSwitcher"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LastNameInput
|
|
Mount: data-component="LastNameInput"
|
|
Category: forms
|
|
Props: label: string = "LastName", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LatencyMetric
|
|
Mount: data-component="LatencyMetric"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LatitudeInput
|
|
Mount: data-component="LatitudeInput"
|
|
Category: forms
|
|
Props: label: string = "Latitude", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LeadershipGrid
|
|
Mount: data-component="LeadershipGrid"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LeadText
|
|
Mount: data-component="LeadText"
|
|
Category: content
|
|
Props: text: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LegalAcceptanceNotice
|
|
Mount: data-component="LegalAcceptanceNotice"
|
|
Category: feedback
|
|
Props: label: string = "LegalAcceptance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LegalBulletList
|
|
Mount: data-component="LegalBulletList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LegalContactBlock
|
|
Mount: data-component="LegalContactBlock"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LegalDefinitionList
|
|
Mount: data-component="LegalDefinitionList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LegalDocumentHeader
|
|
Mount: data-component="LegalDocumentHeader"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LegalDocumentLayout
|
|
Mount: data-component="LegalDocumentLayout"
|
|
Category: layout
|
|
Props: title: string = "Legal document", effectiveDate: string = "", updatedDate: string = ""
|
|
Slots: toc, default
|
|
Events: none
|
|
|
|
### LegalHero
|
|
Mount: data-component="LegalHero"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LegalLanguageSelector
|
|
Mount: data-component="LegalLanguageSelector"
|
|
Category: forms
|
|
Props: label: string = "LegalLanguage", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LegalNotice
|
|
Mount: data-component="LegalNotice"
|
|
Category: feedback
|
|
Props: label: string = "Legal", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LegalPageShell
|
|
Mount: data-component="LegalPageShell"
|
|
Category: layout
|
|
Props: class: string = ""
|
|
Slots: navigation, default
|
|
Events: none
|
|
|
|
### LegalPrintButton
|
|
Mount: data-component="LegalPrintButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LegalRegionSelector
|
|
Mount: data-component="LegalRegionSelector"
|
|
Category: forms
|
|
Props: label: string = "LegalRegion", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LegalSection
|
|
Mount: data-component="LegalSection"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LegalSummary
|
|
Mount: data-component="LegalSummary"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LegalTable
|
|
Mount: data-component="LegalTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LegalTableOfContents
|
|
Mount: data-component="LegalTableOfContents"
|
|
Category: core
|
|
Props: title: string = "On this page", items: string = [], class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### LegalVersionBadge
|
|
Mount: data-component="LegalVersionBadge"
|
|
Category: feedback
|
|
Props: label: string = "LegalVersion", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LetterSpacingPicker
|
|
Mount: data-component="LetterSpacingPicker"
|
|
Category: forms
|
|
Props: label: string = "LetterSpacing", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LicenseKeyInput
|
|
Mount: data-component="LicenseKeyInput"
|
|
Category: forms
|
|
Props: label: string = "LicenseKey", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Lightbox
|
|
Mount: data-component="Lightbox"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LineChart
|
|
Mount: data-component="LineChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LineHeightPicker
|
|
Mount: data-component="LineHeightPicker"
|
|
Category: forms
|
|
Props: label: string = "LineHeight", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Link
|
|
Mount: data-component="Link"
|
|
Category: core
|
|
Props: href: string = "#", label: string = "Link", external: boolean = false, className: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### LinkButton
|
|
Mount: data-component="LinkButton"
|
|
Category: actions
|
|
Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### List
|
|
Mount: data-component="List"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LoadingButton
|
|
Mount: data-component="LoadingButton"
|
|
Category: actions
|
|
Props: label: string = "Continue", loadingLabel: string = "Loading…", loading: boolean = false, disabled: boolean = false, type: string = "button", variant: string = "primary", class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### LocaleSelector
|
|
Mount: data-component="LocaleSelector"
|
|
Category: forms
|
|
Props: label: string = "Locale", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LocalizedRouteLink
|
|
Mount: data-component="LocalizedRouteLink"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LocationPicker
|
|
Mount: data-component="LocationPicker"
|
|
Category: forms
|
|
Props: label: string = "Location", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Logo
|
|
Mount: data-component="Logo"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LogoCloud
|
|
Mount: data-component="LogoCloud"
|
|
Category: core
|
|
Props: title: string = "Trusted by modern teams"
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LogoUpload
|
|
Mount: data-component="LogoUpload"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LogoutDialog
|
|
Mount: data-component="LogoutDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LogTable
|
|
Mount: data-component="LogTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### LongitudeInput
|
|
Mount: data-component="LongitudeInput"
|
|
Category: forms
|
|
Props: label: string = "Longitude", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MaintenanceAlert
|
|
Mount: data-component="MaintenanceAlert"
|
|
Category: feedback
|
|
Props: label: string = "Maintenance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MaintenanceBanner
|
|
Mount: data-component="MaintenanceBanner"
|
|
Category: feedback
|
|
Props: label: string = "Maintenance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MaintenanceCard
|
|
Mount: data-component="MaintenanceCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MaintenancePage
|
|
Mount: data-component="MaintenancePage"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MaintenanceState
|
|
Mount: data-component="MaintenanceState"
|
|
Category: feedback
|
|
Props: label: string = "Maintenance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MaintenanceWindowPicker
|
|
Mount: data-component="MaintenanceWindowPicker"
|
|
Category: forms
|
|
Props: label: string = "MaintenanceWindow", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MapPicker
|
|
Mount: data-component="MapPicker"
|
|
Category: forms
|
|
Props: label: string = "Map", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MarkdownEditor
|
|
Mount: data-component="MarkdownEditor"
|
|
Category: forms
|
|
Props: label: string = "Markdown", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MarketingPageShell
|
|
Mount: data-component="MarketingPageShell"
|
|
Category: layout
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MarketingSectionHeader
|
|
Mount: data-component="MarketingSectionHeader"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MaskedSecretField
|
|
Mount: data-component="MaskedSecretField"
|
|
Category: forms
|
|
Props: label: string = "MaskedSecret", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MegaMenu
|
|
Mount: data-component="MegaMenu"
|
|
Category: overlays
|
|
Props: label: string = "Explore", sections: string = [], class: string = ""
|
|
Slots: none
|
|
Events: click
|
|
|
|
### MemberList
|
|
Mount: data-component="MemberList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MentionInput
|
|
Mount: data-component="MentionInput"
|
|
Category: forms
|
|
Props: label: string = "Mention", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MessageCharacterCounter
|
|
Mount: data-component="MessageCharacterCounter"
|
|
Category: feedback
|
|
Props: label: string = "MessageCharacter", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MessageComposer
|
|
Mount: data-component="MessageComposer"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MessageComposerPreview
|
|
Mount: data-component="MessageComposerPreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MessageLimitInput
|
|
Mount: data-component="MessageLimitInput"
|
|
Category: forms
|
|
Props: label: string = "MessageLimit", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MessagePreview
|
|
Mount: data-component="MessagePreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MessageVolumeSlider
|
|
Mount: data-component="MessageVolumeSlider"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Metric
|
|
Mount: data-component="Metric"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MetricCard
|
|
Mount: data-component="MetricCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MetricGrid
|
|
Mount: data-component="MetricGrid"
|
|
Category: data
|
|
Props: label: string = "Key metrics", metrics: string = [], class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### MetricText
|
|
Mount: data-component="MetricText"
|
|
Category: content
|
|
Props: text: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MinutePicker
|
|
Mount: data-component="MinutePicker"
|
|
Category: forms
|
|
Props: label: string = "Minute", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MissionSection
|
|
Mount: data-component="MissionSection"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MobileDeviceFrame
|
|
Mount: data-component="MobileDeviceFrame"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MobileInput
|
|
Mount: data-component="MobileInput"
|
|
Category: forms
|
|
Props: label: string = "Mobile", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MobileMenuButton
|
|
Mount: data-component="MobileMenuButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MobileNavigation
|
|
Mount: data-component="MobileNavigation"
|
|
Category: layout
|
|
Props: label: string = "Menu", closeLabel: string = "Close menu", items: string = [], class: string = ""
|
|
Slots: none
|
|
Events: click
|
|
|
|
### MobileTableCard
|
|
Mount: data-component="MobileTableCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Modal
|
|
Mount: data-component="Modal"
|
|
Category: core
|
|
Props: title: string = "Dialog", description: string = "", open: boolean = false, size: string = "md", closeLabel: string = "Close"
|
|
Slots: default
|
|
Events: click
|
|
|
|
### MonthlyVolumeSelector
|
|
Mount: data-component="MonthlyVolumeSelector"
|
|
Category: forms
|
|
Props: label: string = "MonthlyVolume", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MonthPicker
|
|
Mount: data-component="MonthPicker"
|
|
Category: forms
|
|
Props: label: string = "Month", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MonthYearPicker
|
|
Mount: data-component="MonthYearPicker"
|
|
Category: forms
|
|
Props: label: string = "MonthYear", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MultiFileUpload
|
|
Mount: data-component="MultiFileUpload"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MultipleEmailInput
|
|
Mount: data-component="MultipleEmailInput"
|
|
Category: forms
|
|
Props: label: string = "MultipleEmail", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### MultiSelect
|
|
Mount: data-component="MultiSelect"
|
|
Category: core
|
|
Props: id: string = "multi-select", name: string = "", label: string = "Choose options", options: string = [], required: boolean = false, disabled: boolean = false, size: number = 5, class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### MutedText
|
|
Mount: data-component="MutedText"
|
|
Category: content
|
|
Props: text: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### NameInput
|
|
Mount: data-component="NameInput"
|
|
Category: forms
|
|
Props: label: string = "Name", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### NarrowContainer
|
|
Mount: data-component="NarrowContainer"
|
|
Category: core
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Navigation
|
|
Mount: data-component="Navigation"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### NavigationItem
|
|
Mount: data-component="NavigationItem"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### NavigationMegaMenu
|
|
Mount: data-component="NavigationMegaMenu"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### NewBadge
|
|
Mount: data-component="NewBadge"
|
|
Category: feedback
|
|
Props: label: string = "New", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### NewPasswordInput
|
|
Mount: data-component="NewPasswordInput"
|
|
Category: forms
|
|
Props: label: string = "NewPassword", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### NewsletterCTA
|
|
Mount: data-component="NewsletterCTA"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### NewsletterForm
|
|
Mount: data-component="NewsletterForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### NoResultsState
|
|
Mount: data-component="NoResultsState"
|
|
Category: feedback
|
|
Props: label: string = "NoResults", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### NotFoundPage
|
|
Mount: data-component="NotFoundPage"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### NotFoundState
|
|
Mount: data-component="NotFoundState"
|
|
Category: feedback
|
|
Props: label: string = "NotFound", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### NotificationCard
|
|
Mount: data-component="NotificationCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### NotificationDot
|
|
Mount: data-component="NotificationDot"
|
|
Category: core
|
|
Props: label: string = "Notification", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### NotificationList
|
|
Mount: data-component="NotificationList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### NumberInput
|
|
Mount: data-component="NumberInput"
|
|
Category: forms
|
|
Props: id: string = "", name: string = "", label: string = "Number", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### OfficeCard
|
|
Mount: data-component="OfficeCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### OfflinePage
|
|
Mount: data-component="OfflinePage"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### OfflineState
|
|
Mount: data-component="OfflineState"
|
|
Category: feedback
|
|
Props: label: string = "Offline", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### OnboardingProgress
|
|
Mount: data-component="OnboardingProgress"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### OneTimeSecretDisplay
|
|
Mount: data-component="OneTimeSecretDisplay"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### OnlineIndicator
|
|
Mount: data-component="OnlineIndicator"
|
|
Category: feedback
|
|
Props: label: string = "Online", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### OpacitySlider
|
|
Mount: data-component="OpacitySlider"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### OpenAPICTA
|
|
Mount: data-component="OpenAPICTA"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### OptionalIndicator
|
|
Mount: data-component="OptionalIndicator"
|
|
Category: feedback
|
|
Props: label: string = "Optional", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### OrganizationSelector
|
|
Mount: data-component="OrganizationSelector"
|
|
Category: forms
|
|
Props: label: string = "Organization", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### OtpInput
|
|
Mount: data-component="OtpInput"
|
|
Category: forms
|
|
Props: name: string = "otp", length: number = 6, label: string = "Verification code"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### OtpVerificationForm
|
|
Mount: data-component="OtpVerificationForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### OutlinedCard
|
|
Mount: data-component="OutlinedCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PageAlert
|
|
Mount: data-component="PageAlert"
|
|
Category: feedback
|
|
Props: label: string = "Page", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PageHeading
|
|
Mount: data-component="PageHeading"
|
|
Category: core
|
|
Props: text: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PageShell
|
|
Mount: data-component="PageShell"
|
|
Category: core
|
|
Props: className: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PageSkeleton
|
|
Mount: data-component="PageSkeleton"
|
|
Category: feedback
|
|
Props: label: string = "Page", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Pagination
|
|
Mount: data-component="Pagination"
|
|
Category: core
|
|
Props: page: number = 1, totalPages: number = 1, previousHref: string = "#", nextHref: string = "#"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### Panel
|
|
Mount: data-component="Panel"
|
|
Category: layout
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PartnerApplicationForm
|
|
Mount: data-component="PartnerApplicationForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PartnerLogoGrid
|
|
Mount: data-component="PartnerLogoGrid"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PartnerProgramCard
|
|
Mount: data-component="PartnerProgramCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PasskeyButton
|
|
Mount: data-component="PasskeyButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PasswordInput
|
|
Mount: data-component="PasswordInput"
|
|
Category: forms
|
|
Props: id: string = "", name: string = "", label: string = "Password", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### PasswordRequirementList
|
|
Mount: data-component="PasswordRequirementList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PasswordStrengthMeter
|
|
Mount: data-component="PasswordStrengthMeter"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PasswordVisibilityToggle
|
|
Mount: data-component="PasswordVisibilityToggle"
|
|
Category: forms
|
|
Props: label: string = "PasswordVisibility", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PathInput
|
|
Mount: data-component="PathInput"
|
|
Category: forms
|
|
Props: label: string = "Path", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PaymentMethodCard
|
|
Mount: data-component="PaymentMethodCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PdfPreview
|
|
Mount: data-component="PdfPreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PercentageInput
|
|
Mount: data-component="PercentageInput"
|
|
Category: forms
|
|
Props: label: string = "Percentage", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PermissionSelector
|
|
Mount: data-component="PermissionSelector"
|
|
Category: forms
|
|
Props: label: string = "Permission", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PhoneInput
|
|
Mount: data-component="PhoneInput"
|
|
Category: forms
|
|
Props: id: string = "", name: string = "", label: string = "Phone", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### PieChart
|
|
Mount: data-component="PieChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Pill
|
|
Mount: data-component="Pill"
|
|
Category: core
|
|
Props: label: string = "Pill", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PinInput
|
|
Mount: data-component="PinInput"
|
|
Category: forms
|
|
Props: label: string = "Pin", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PlainTextEditor
|
|
Mount: data-component="PlainTextEditor"
|
|
Category: forms
|
|
Props: label: string = "PlainText", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PlanCTA
|
|
Mount: data-component="PlanCTA"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PlanFeatureList
|
|
Mount: data-component="PlanFeatureList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PlanLimitList
|
|
Mount: data-component="PlanLimitList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PlanSelector
|
|
Mount: data-component="PlanSelector"
|
|
Category: forms
|
|
Props: label: string = "Plan", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PlatformPillarCard
|
|
Mount: data-component="PlatformPillarCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PolicyVersionTable
|
|
Mount: data-component="PolicyVersionTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Popover
|
|
Mount: data-component="Popover"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PortInput
|
|
Mount: data-component="PortInput"
|
|
Category: forms
|
|
Props: label: string = "Port", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PortNumberInput
|
|
Mount: data-component="PortNumberInput"
|
|
Category: forms
|
|
Props: label: string = "PortNumber", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PositiveNumberInput
|
|
Mount: data-component="PositiveNumberInput"
|
|
Category: forms
|
|
Props: label: string = "PositiveNumber", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PostalCodeInput
|
|
Mount: data-component="PostalCodeInput"
|
|
Category: forms
|
|
Props: label: string = "PostalCode", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PostmanCTA
|
|
Mount: data-component="PostmanCTA"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PresetDateRangePicker
|
|
Mount: data-component="PresetDateRangePicker"
|
|
Category: forms
|
|
Props: label: string = "PresetDateRange", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PressReleaseCard
|
|
Mount: data-component="PressReleaseCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PreviewBadge
|
|
Mount: data-component="PreviewBadge"
|
|
Category: feedback
|
|
Props: label: string = "Preview", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PreviousNextNavigation
|
|
Mount: data-component="PreviousNextNavigation"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PriceInput
|
|
Mount: data-component="PriceInput"
|
|
Category: forms
|
|
Props: label: string = "Price", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PriceRangeSlider
|
|
Mount: data-component="PriceRangeSlider"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PriceText
|
|
Mount: data-component="PriceText"
|
|
Category: content
|
|
Props: text: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PricingCard
|
|
Mount: data-component="PricingCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PricingComparisonTable
|
|
Mount: data-component="PricingComparisonTable"
|
|
Category: data
|
|
Props: caption: string = "Plan comparison", plans: string = [], features: string = [], class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### PricingContactForm
|
|
Mount: data-component="PricingContactForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PricingFeatureGroup
|
|
Mount: data-component="PricingFeatureGroup"
|
|
Category: forms
|
|
Props: label: string = "PricingFeature", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PricingGrid
|
|
Mount: data-component="PricingGrid"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PricingHero
|
|
Mount: data-component="PricingHero"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PricingPlanCard
|
|
Mount: data-component="PricingPlanCard"
|
|
Category: content
|
|
Props: name: string = "Starter", description: string = "", price: string = "₹0", period: string = "/month", featured: boolean = false, ctaLabel: string = "Choose plan", ctaHref: string = "#"
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PricingTable
|
|
Mount: data-component="PricingTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PricingToggle
|
|
Mount: data-component="PricingToggle"
|
|
Category: forms
|
|
Props: label: string = "Pricing", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PrimaryButton
|
|
Mount: data-component="PrimaryButton"
|
|
Category: actions
|
|
Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PrintAction
|
|
Mount: data-component="PrintAction"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PrintPolicyButton
|
|
Mount: data-component="PrintPolicyButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PrioritySelector
|
|
Mount: data-component="PrioritySelector"
|
|
Category: forms
|
|
Props: label: string = "Priority", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PrivacyNotice
|
|
Mount: data-component="PrivacyNotice"
|
|
Category: feedback
|
|
Props: label: string = "Privacy", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductArchitectureDiagram
|
|
Mount: data-component="ProductArchitectureDiagram"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductCard
|
|
Mount: data-component="ProductCard"
|
|
Category: content
|
|
Props: eyebrow: string = "Product", title: string = "Product name", description: string = "", href: string = "#", actionLabel: string = "Learn more", status: string = "", class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### ProductCategorySection
|
|
Mount: data-component="ProductCategorySection"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductCTA
|
|
Mount: data-component="ProductCTA"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductFeatureList
|
|
Mount: data-component="ProductFeatureList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductGrid
|
|
Mount: data-component="ProductGrid"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductHero
|
|
Mount: data-component="ProductHero"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductIcon
|
|
Mount: data-component="ProductIcon"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductIntegrationList
|
|
Mount: data-component="ProductIntegrationList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductList
|
|
Mount: data-component="ProductList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductLogo
|
|
Mount: data-component="ProductLogo"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductMiniCard
|
|
Mount: data-component="ProductMiniCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductNavigationCard
|
|
Mount: data-component="ProductNavigationCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductPageShell
|
|
Mount: data-component="ProductPageShell"
|
|
Category: layout
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductSelector
|
|
Mount: data-component="ProductSelector"
|
|
Category: forms
|
|
Props: label: string = "Product", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductsMegaMenu
|
|
Mount: data-component="ProductsMegaMenu"
|
|
Category: overlays
|
|
Props: label: string = "Products", sections: string = [], class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### ProductStatusBadge
|
|
Mount: data-component="ProductStatusBadge"
|
|
Category: feedback
|
|
Props: label: string = "ProductStatus", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProductUseCaseList
|
|
Mount: data-component="ProductUseCaseList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### progress
|
|
Mount: data-component="progress"
|
|
Category: core
|
|
Props: value: number = 0, max: number = 100, class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### ProgressBar
|
|
Mount: data-component="ProgressBar"
|
|
Category: core
|
|
Props: value: number = 0, max: number = 100, label: string = "Progress", showValue: boolean = true
|
|
Slots: none
|
|
Events: none
|
|
|
|
### ProgressChart
|
|
Mount: data-component="ProgressChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProgressRing
|
|
Mount: data-component="ProgressRing"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProgressSlider
|
|
Mount: data-component="ProgressSlider"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProjectCard
|
|
Mount: data-component="ProjectCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProjectSelector
|
|
Mount: data-component="ProjectSelector"
|
|
Category: forms
|
|
Props: label: string = "Project", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProjectSwitcher
|
|
Mount: data-component="ProjectSwitcher"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PromoCodeInput
|
|
Mount: data-component="PromoCodeInput"
|
|
Category: forms
|
|
Props: label: string = "PromoCode", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PromptDialog
|
|
Mount: data-component="PromptDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ProviderSelector
|
|
Mount: data-component="ProviderSelector"
|
|
Category: forms
|
|
Props: label: string = "Provider", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PublicFooter
|
|
Mount: data-component="PublicFooter"
|
|
Category: core
|
|
Props: brand: string = "WRNexusJS", description: string = "SSR-first, Bun-native full-stack framework.", copyright: string = "© 2026 WorkRoot Workspace"
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PublicHeader
|
|
Mount: data-component="PublicHeader"
|
|
Category: layout
|
|
Props: brand: string = "WRNexusJS", homeHref: string = "/", signInHref: string = "/signin", ctaHref: string = "/start", ctaLabel: string = "Get started"
|
|
Slots: default, mobile
|
|
Events: click
|
|
|
|
### PublicHeaderLogo
|
|
Mount: data-component="PublicHeaderLogo"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PublicPageShell
|
|
Mount: data-component="PublicPageShell"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PublishDateTimePicker
|
|
Mount: data-component="PublishDateTimePicker"
|
|
Category: forms
|
|
Props: label: string = "PublishDateTime", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PushComposer
|
|
Mount: data-component="PushComposer"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PushNotificationEditor
|
|
Mount: data-component="PushNotificationEditor"
|
|
Category: forms
|
|
Props: label: string = "PushNotification", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### QrCode
|
|
Mount: data-component="QrCode"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### QuantityInput
|
|
Mount: data-component="QuantityInput"
|
|
Category: forms
|
|
Props: label: string = "Quantity", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### QuantityStepper
|
|
Mount: data-component="QuantityStepper"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### QuietHoursPicker
|
|
Mount: data-component="QuietHoursPicker"
|
|
Category: forms
|
|
Props: label: string = "Quiet hours", startName: string = "quietStart", endName: string = "quietEnd", start: string = "22:00", end: string = "08:00", timezone: string = "UTC", disabled: boolean = false, class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### QuoteText
|
|
Mount: data-component="QuoteText"
|
|
Category: content
|
|
Props: text: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Radio
|
|
Mount: data-component="Radio"
|
|
Category: core
|
|
Props: id: string = "", name: string = "choice", value: string = "", label: string = "Option", description: string = "", checked: boolean = false, disabled: boolean = false
|
|
Slots: none
|
|
Events: none
|
|
|
|
### RadioGroup
|
|
Mount: data-component="RadioGroup"
|
|
Category: forms
|
|
Props: label: string = "Choose one", name: string = "choice"
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RangeInput
|
|
Mount: data-component="RangeInput"
|
|
Category: forms
|
|
Props: label: string = "Range", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RangeSlider
|
|
Mount: data-component="RangeSlider"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RateLimitedState
|
|
Mount: data-component="RateLimitedState"
|
|
Category: feedback
|
|
Props: label: string = "RateLimited", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RateLimitInput
|
|
Mount: data-component="RateLimitInput"
|
|
Category: forms
|
|
Props: label: string = "RateLimit", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RateLimitPage
|
|
Mount: data-component="RateLimitPage"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RateTable
|
|
Mount: data-component="RateTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RatingSlider
|
|
Mount: data-component="RatingSlider"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RecipientSelector
|
|
Mount: data-component="RecipientSelector"
|
|
Category: forms
|
|
Props: label: string = "Recipient", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RecoveryCodeForm
|
|
Mount: data-component="RecoveryCodeForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RecoveryCodeInput
|
|
Mount: data-component="RecoveryCodeInput"
|
|
Category: forms
|
|
Props: label: string = "RecoveryCode", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RecurrenceRuleBuilder
|
|
Mount: data-component="RecurrenceRuleBuilder"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RecurringSchedulePicker
|
|
Mount: data-component="RecurringSchedulePicker"
|
|
Category: forms
|
|
Props: id: string = "recurring-schedule", name: string = "recurrence", label: string = "Repeat", value: string = "none", disabled: boolean = false, class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### RedirectUriInput
|
|
Mount: data-component="RedirectUriInput"
|
|
Category: forms
|
|
Props: label: string = "RedirectUri", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ReferenceInput
|
|
Mount: data-component="ReferenceInput"
|
|
Category: forms
|
|
Props: label: string = "Reference", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RegexInput
|
|
Mount: data-component="RegexInput"
|
|
Category: forms
|
|
Props: label: string = "Regex", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RegionalPrivacyBanner
|
|
Mount: data-component="RegionalPrivacyBanner"
|
|
Category: feedback
|
|
Props: label: string = "RegionalPrivacy", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RegionAvailabilityTable
|
|
Mount: data-component="RegionAvailabilityTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RegionSelector
|
|
Mount: data-component="RegionSelector"
|
|
Category: forms
|
|
Props: label: string = "Region", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RegionUnavailableAlert
|
|
Mount: data-component="RegionUnavailableAlert"
|
|
Category: feedback
|
|
Props: label: string = "RegionUnavailable", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RegionUnavailableState
|
|
Mount: data-component="RegionUnavailableState"
|
|
Category: feedback
|
|
Props: label: string = "RegionUnavailable", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RejectOptionalCookiesButton
|
|
Mount: data-component="RejectOptionalCookiesButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ReopenCookieSettingsButton
|
|
Mount: data-component="ReopenCookieSettingsButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ReportCard
|
|
Mount: data-component="ReportCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RequestResponseViewer
|
|
Mount: data-component="RequestResponseViewer"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RequestViewer
|
|
Mount: data-component="RequestViewer"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RequiredIndicator
|
|
Mount: data-component="RequiredIndicator"
|
|
Category: feedback
|
|
Props: label: string = "Required", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ResetPasswordForm
|
|
Mount: data-component="ResetPasswordForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ResizablePanel
|
|
Mount: data-component="ResizablePanel"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ResourceCard
|
|
Mount: data-component="ResourceCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ResourceDownloadCard
|
|
Mount: data-component="ResourceDownloadCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ResourcePageShell
|
|
Mount: data-component="ResourcePageShell"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ResourceSearch
|
|
Mount: data-component="ResourceSearch"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ResourcesMegaMenu
|
|
Mount: data-component="ResourcesMegaMenu"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ResourceTypeBadge
|
|
Mount: data-component="ResourceTypeBadge"
|
|
Category: feedback
|
|
Props: label: string = "ResourceType", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ResponseViewer
|
|
Mount: data-component="ResponseViewer"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ResponsibleDisclosureCTA
|
|
Mount: data-component="ResponsibleDisclosureCTA"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ResponsiveTable
|
|
Mount: data-component="ResponsiveTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ResultsSection
|
|
Mount: data-component="ResultsSection"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RetentionTable
|
|
Mount: data-component="RetentionTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RetryCountInput
|
|
Mount: data-component="RetryCountInput"
|
|
Category: forms
|
|
Props: label: string = "RetryCount", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RevenueChart
|
|
Mount: data-component="RevenueChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RgbColorInput
|
|
Mount: data-component="RgbColorInput"
|
|
Category: forms
|
|
Props: label: string = "RgbColor", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RichTextEditor
|
|
Mount: data-component="RichTextEditor"
|
|
Category: forms
|
|
Props: label: string = "RichText", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RichTextInput
|
|
Mount: data-component="RichTextInput"
|
|
Category: forms
|
|
Props: label: string = "RichText", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RoleSelector
|
|
Mount: data-component="RoleSelector"
|
|
Category: forms
|
|
Props: label: string = "Role", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### RollingDateRangePicker
|
|
Mount: data-component="RollingDateRangePicker"
|
|
Category: forms
|
|
Props: label: string = "RollingDateRange", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SaveCookiePreferencesButton
|
|
Mount: data-component="SaveCookiePreferencesButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SavedFilterSelector
|
|
Mount: data-component="SavedFilterSelector"
|
|
Category: forms
|
|
Props: label: string = "SavedFilter", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ScheduledDateTimePicker
|
|
Mount: data-component="ScheduledDateTimePicker"
|
|
Category: forms
|
|
Props: label: string = "ScheduledDateTime", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ScheduleMessagePicker
|
|
Mount: data-component="ScheduleMessagePicker"
|
|
Category: forms
|
|
Props: label: string = "ScheduleMessage", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SchedulePicker
|
|
Mount: data-component="SchedulePicker"
|
|
Category: forms
|
|
Props: label: string = "Schedule"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### ScreenshotFrame
|
|
Mount: data-component="ScreenshotFrame"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ScrollArea
|
|
Mount: data-component="ScrollArea"
|
|
Category: core
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SDKCard
|
|
Mount: data-component="SDKCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SdkLanguageSelector
|
|
Mount: data-component="SdkLanguageSelector"
|
|
Category: forms
|
|
Props: label: string = "SdkLanguage", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SDKLanguageTabs
|
|
Mount: data-component="SDKLanguageTabs"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SDKTabs
|
|
Mount: data-component="SDKTabs"
|
|
Category: core
|
|
Props: label: string = "SDK languages", tabs: string = [], defaultIndex: number = 0, class: string = ""
|
|
Slots: none
|
|
Events: click
|
|
|
|
### SearchButton
|
|
Mount: data-component="SearchButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SearchCategoryTabs
|
|
Mount: data-component="SearchCategoryTabs"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SearchDialog
|
|
Mount: data-component="SearchDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SearchEmptyState
|
|
Mount: data-component="SearchEmptyState"
|
|
Category: feedback
|
|
Props: label: string = "SearchEmpty", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SearchInput
|
|
Mount: data-component="SearchInput"
|
|
Category: forms
|
|
Props: id: string = "", name: string = "", label: string = "Search", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### SearchLoadingState
|
|
Mount: data-component="SearchLoadingState"
|
|
Category: feedback
|
|
Props: label: string = "SearchLoading", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SearchResultItem
|
|
Mount: data-component="SearchResultItem"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SecondaryButton
|
|
Mount: data-component="SecondaryButton"
|
|
Category: actions
|
|
Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SecondPicker
|
|
Mount: data-component="SecondPicker"
|
|
Category: forms
|
|
Props: label: string = "Second", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SecretDisplay
|
|
Mount: data-component="SecretDisplay"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SecretInput
|
|
Mount: data-component="SecretInput"
|
|
Category: forms
|
|
Props: label: string = "Secret", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SecretRevealDialog
|
|
Mount: data-component="SecretRevealDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Section
|
|
Mount: data-component="Section"
|
|
Category: layout
|
|
Props: id: string = "", size: string = "default", surface: string = "default", className: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SectionActions
|
|
Mount: data-component="SectionActions"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SectionHeader
|
|
Mount: data-component="SectionHeader"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "Section title", description: string = "", align: string = "left"
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SectionHeading
|
|
Mount: data-component="SectionHeading"
|
|
Category: core
|
|
Props: text: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SecurityAlert
|
|
Mount: data-component="SecurityAlert"
|
|
Category: feedback
|
|
Props: label: string = "Security", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SecurityContactCard
|
|
Mount: data-component="SecurityContactCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SecurityFeatureCard
|
|
Mount: data-component="SecurityFeatureCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SecurityHero
|
|
Mount: data-component="SecurityHero"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SecurityPillarGrid
|
|
Mount: data-component="SecurityPillarGrid"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SecurityPracticeList
|
|
Mount: data-component="SecurityPracticeList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SecurityReportForm
|
|
Mount: data-component="SecurityReportForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Select
|
|
Mount: data-component="Select"
|
|
Category: core
|
|
Props: id: string = "", name: string = "", label: string = "Select", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SenderIdInput
|
|
Mount: data-component="SenderIdInput"
|
|
Category: forms
|
|
Props: label: string = "SenderId", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ServerErrorPage
|
|
Mount: data-component="ServerErrorPage"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ServiceLevelTable
|
|
Mount: data-component="ServiceLevelTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ServiceStatusBadge
|
|
Mount: data-component="ServiceStatusBadge"
|
|
Category: feedback
|
|
Props: label: string = "ServiceStatus", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ServiceStatusList
|
|
Mount: data-component="ServiceStatusList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ServiceStatusRow
|
|
Mount: data-component="ServiceStatusRow"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SessionCard
|
|
Mount: data-component="SessionCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SessionExpiredDialog
|
|
Mount: data-component="SessionExpiredDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SetupChecklist
|
|
Mount: data-component="SetupChecklist"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SeveritySelector
|
|
Mount: data-component="SeveritySelector"
|
|
Category: forms
|
|
Props: label: string = "Severity", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ShadowPicker
|
|
Mount: data-component="ShadowPicker"
|
|
Category: forms
|
|
Props: label: string = "Shadow", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ShareAction
|
|
Mount: data-component="ShareAction"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ShareButton
|
|
Mount: data-component="ShareButton"
|
|
Category: actions
|
|
Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SidebarLayout
|
|
Mount: data-component="SidebarLayout"
|
|
Category: layout
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SidePanel
|
|
Mount: data-component="SidePanel"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SignInForm
|
|
Mount: data-component="SignInForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SignInLink
|
|
Mount: data-component="SignInLink"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SignUpForm
|
|
Mount: data-component="SignUpForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SiteSearch
|
|
Mount: data-component="SiteSearch"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Skeleton
|
|
Mount: data-component="Skeleton"
|
|
Category: feedback
|
|
Props: height: string = "4", rounded: string = "lg", className: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### SkipLink
|
|
Mount: data-component="SkipLink"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SlaTable
|
|
Mount: data-component="SlaTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Slider
|
|
Mount: data-component="Slider"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SlugInput
|
|
Mount: data-component="SlugInput"
|
|
Category: forms
|
|
Props: label: string = "Slug", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SmallText
|
|
Mount: data-component="SmallText"
|
|
Category: content
|
|
Props: text: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SmartRouteDiagram
|
|
Mount: data-component="SmartRouteDiagram"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SmsComposer
|
|
Mount: data-component="SmsComposer"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SmsMessageEditor
|
|
Mount: data-component="SmsMessageEditor"
|
|
Category: forms
|
|
Props: label: string = "SmsMessage", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SmsSegmentCounter
|
|
Mount: data-component="SmsSegmentCounter"
|
|
Category: feedback
|
|
Props: label: string = "SmsSegment", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SolutionHero
|
|
Mount: data-component="SolutionHero"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SolutionPageShell
|
|
Mount: data-component="SolutionPageShell"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SolutionSection
|
|
Mount: data-component="SolutionSection"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SolutionsMegaMenu
|
|
Mount: data-component="SolutionsMegaMenu"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SortableTable
|
|
Mount: data-component="SortableTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### spacer
|
|
Mount: data-component="spacer"
|
|
Category: core
|
|
Props: class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### Spinner
|
|
Mount: data-component="Spinner"
|
|
Category: core
|
|
Props: label: string = "Loading", size: string = "md"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### SplitButton
|
|
Mount: data-component="SplitButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SplitCTA
|
|
Mount: data-component="SplitCTA"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SplitHero
|
|
Mount: data-component="SplitHero"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SplitLayout
|
|
Mount: data-component="SplitLayout"
|
|
Category: layout
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SplitSectionHeader
|
|
Mount: data-component="SplitSectionHeader"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Stack
|
|
Mount: data-component="Stack"
|
|
Category: core
|
|
Props: gap: string = "4", className: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### StartFreeButton
|
|
Mount: data-component="StartFreeButton"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### StatCard
|
|
Mount: data-component="StatCard"
|
|
Category: content
|
|
Props: label: string = "Metric", value: string = "0", change: string = "", trend: string = "neutral"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### StateSelector
|
|
Mount: data-component="StateSelector"
|
|
Category: forms
|
|
Props: label: string = "State", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### StatusBadge
|
|
Mount: data-component="StatusBadge"
|
|
Category: feedback
|
|
Props: status: string = "operational"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### StatusPageShell
|
|
Mount: data-component="StatusPageShell"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### StatusSelector
|
|
Mount: data-component="StatusSelector"
|
|
Category: forms
|
|
Props: label: string = "Status", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### StatusSubscribeForm
|
|
Mount: data-component="StatusSubscribeForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### StatusTable
|
|
Mount: data-component="StatusTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### StepNavigation
|
|
Mount: data-component="StepNavigation"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Stepper
|
|
Mount: data-component="Stepper"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### StepperInput
|
|
Mount: data-component="StepperInput"
|
|
Category: forms
|
|
Props: label: string = "Stepper", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### StepUpAuthenticationDialog
|
|
Mount: data-component="StepUpAuthenticationDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### StickerPicker
|
|
Mount: data-component="StickerPicker"
|
|
Category: forms
|
|
Props: label: string = "Sticker", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Sticky
|
|
Mount: data-component="Sticky"
|
|
Category: core
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### StickyLayout
|
|
Mount: data-component="StickyLayout"
|
|
Category: layout
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### StreetAddressInput
|
|
Mount: data-component="StreetAddressInput"
|
|
Category: forms
|
|
Props: label: string = "StreetAddress", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SubdomainInput
|
|
Mount: data-component="SubdomainInput"
|
|
Category: forms
|
|
Props: label: string = "Subdomain", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SubjectInput
|
|
Mount: data-component="SubjectInput"
|
|
Category: forms
|
|
Props: label: string = "Subject", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SubprocessorTable
|
|
Mount: data-component="SubprocessorTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SubsectionHeading
|
|
Mount: data-component="SubsectionHeading"
|
|
Category: core
|
|
Props: text: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SuccessCard
|
|
Mount: data-component="SuccessCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SuccessState
|
|
Mount: data-component="SuccessState"
|
|
Category: feedback
|
|
Props: label: string = "Success", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### SupportRequestForm
|
|
Mount: data-component="SupportRequestForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Surface
|
|
Mount: data-component="Surface"
|
|
Category: core
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Switch
|
|
Mount: data-component="Switch"
|
|
Category: core
|
|
Props: id: string = "", name: string = "", label: string = "Switch", description: string = "", checked: boolean = false, disabled: boolean = false
|
|
Slots: none
|
|
Events: click
|
|
|
|
### Table
|
|
Mount: data-component="Table"
|
|
Category: data
|
|
Props: caption: string = "Data table", responsive: boolean = true
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TableHeader
|
|
Mount: data-component="TableHeader"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TableRow
|
|
Mount: data-component="TableRow"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TableSkeleton
|
|
Mount: data-component="TableSkeleton"
|
|
Category: feedback
|
|
Props: label: string = "Table", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Tabs
|
|
Mount: data-component="Tabs"
|
|
Category: content
|
|
Props: active: string = "first"
|
|
Slots: first, second
|
|
Events: click
|
|
|
|
### tag
|
|
Mount: data-component="tag"
|
|
Category: core
|
|
Props: label: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TagInput
|
|
Mount: data-component="TagInput"
|
|
Category: forms
|
|
Props: label: string = "Tag", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TaxNotice
|
|
Mount: data-component="TaxNotice"
|
|
Category: feedback
|
|
Props: label: string = "Tax", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TaxRateInput
|
|
Mount: data-component="TaxRateInput"
|
|
Category: forms
|
|
Props: label: string = "TaxRate", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TeamMemberCard
|
|
Mount: data-component="TeamMemberCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TeamSizeSelector
|
|
Mount: data-component="TeamSizeSelector"
|
|
Category: forms
|
|
Props: label: string = "TeamSize", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TemplateCard
|
|
Mount: data-component="TemplateCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TemplateSelector
|
|
Mount: data-component="TemplateSelector"
|
|
Category: forms
|
|
Props: label: string = "Template", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TemplateVariableInput
|
|
Mount: data-component="TemplateVariableInput"
|
|
Category: forms
|
|
Props: label: string = "TemplateVariable", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TenantIsolationDiagram
|
|
Mount: data-component="TenantIsolationDiagram"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TerminalBlock
|
|
Mount: data-component="TerminalBlock"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TertiaryButton
|
|
Mount: data-component="TertiaryButton"
|
|
Category: actions
|
|
Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TestimonialCard
|
|
Mount: data-component="TestimonialCard"
|
|
Category: content
|
|
Props: quote: string = "Great product.", name: string = "Customer", role: string = "", company: string = "", avatar: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### TestimonialCarousel
|
|
Mount: data-component="TestimonialCarousel"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TestMessageDialog
|
|
Mount: data-component="TestMessageDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Textarea
|
|
Mount: data-component="Textarea"
|
|
Category: core
|
|
Props: id: string = "", name: string = "", label: string = "Message", value: string = "", placeholder: string = "", rows: number = 5, help: string = "", error: string = "", required: boolean = false, disabled: boolean = false
|
|
Slots: none
|
|
Events: none
|
|
|
|
### TextInput
|
|
Mount: data-component="TextInput"
|
|
Category: forms
|
|
Props: id: string = "", name: string = "", label: string = "Text", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### TextLink
|
|
Mount: data-component="TextLink"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TextSkeleton
|
|
Mount: data-component="TextSkeleton"
|
|
Category: feedback
|
|
Props: label: string = "Text", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### theme-toggle
|
|
Mount: data-component="theme-toggle"
|
|
Category: core
|
|
Props: label: string = "Toggle theme", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ThemeColorPicker
|
|
Mount: data-component="ThemeColorPicker"
|
|
Category: forms
|
|
Props: label: string = "ThemeColor", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ThemeSwitcher
|
|
Mount: data-component="ThemeSwitcher"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TimeInput
|
|
Mount: data-component="TimeInput"
|
|
Category: forms
|
|
Props: id: string = "", name: string = "", label: string = "Time", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### Timeline
|
|
Mount: data-component="Timeline"
|
|
Category: visualization
|
|
Props: title: string = "Timeline"
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TimelineChart
|
|
Mount: data-component="TimelineChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TimelineItem
|
|
Mount: data-component="TimelineItem"
|
|
Category: content
|
|
Props: title: string = "Event", date: string = "", description: string = "", status: string = "default"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### TimeoutInput
|
|
Mount: data-component="TimeoutInput"
|
|
Category: forms
|
|
Props: label: string = "Timeout", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TimePicker
|
|
Mount: data-component="TimePicker"
|
|
Category: forms
|
|
Props: id: string = "time-picker", name: string = "time", label: string = "Time", value: string = "", min: string = "", max: string = "", step: number = 60, required: boolean = false, disabled: boolean = false, class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### TimeRangePicker
|
|
Mount: data-component="TimeRangePicker"
|
|
Category: forms
|
|
Props: label: string = "TimeRange", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TimezoneAwareTimePicker
|
|
Mount: data-component="TimezoneAwareTimePicker"
|
|
Category: forms
|
|
Props: label: string = "TimezoneAwareTime", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TimezoneSelector
|
|
Mount: data-component="TimezoneSelector"
|
|
Category: forms
|
|
Props: id: string = "timezone", name: string = "timezone", label: string = "Timezone"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### Toast
|
|
Mount: data-component="Toast"
|
|
Category: core
|
|
Props: title: string = "Saved", description: string = "", variant: string = "success", duration: number = 5000
|
|
Slots: none
|
|
Events: click
|
|
|
|
### ToastAction
|
|
Mount: data-component="ToastAction"
|
|
Category: actions
|
|
Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ToastIcon
|
|
Mount: data-component="ToastIcon"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ToastProgress
|
|
Mount: data-component="ToastProgress"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Toggle
|
|
Mount: data-component="Toggle"
|
|
Category: forms
|
|
Props: label: string = "", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ToggleGroup
|
|
Mount: data-component="ToggleGroup"
|
|
Category: forms
|
|
Props: label: string = "Toggle", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TokenInput
|
|
Mount: data-component="TokenInput"
|
|
Category: forms
|
|
Props: label: string = "Token", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Tooltip
|
|
Mount: data-component="Tooltip"
|
|
Category: content
|
|
Props: text: string = "Helpful information", position: string = "top"
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TotpVerificationForm
|
|
Mount: data-component="TotpVerificationForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TranslatedText
|
|
Mount: data-component="TranslatedText"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TreeTable
|
|
Mount: data-component="TreeTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TrendIndicator
|
|
Mount: data-component="TrendIndicator"
|
|
Category: feedback
|
|
Props: label: string = "Trend", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TruncatedText
|
|
Mount: data-component="TruncatedText"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### TrustBadgeList
|
|
Mount: data-component="TrustBadgeList"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Typography
|
|
Mount: data-component="Typography"
|
|
Category: core
|
|
Props: as: string = "p", variant: string = "body", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### UnavailableRegionState
|
|
Mount: data-component="UnavailableRegionState"
|
|
Category: feedback
|
|
Props: label: string = "UnavailableRegion", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### UnifiedTimelinePreview
|
|
Mount: data-component="UnifiedTimelinePreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### UnsavedChangesDialog
|
|
Mount: data-component="UnsavedChangesDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### UploadItem
|
|
Mount: data-component="UploadItem"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### UploadPreview
|
|
Mount: data-component="UploadPreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### UploadProgress
|
|
Mount: data-component="UploadProgress"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### UptimeChart
|
|
Mount: data-component="UptimeChart"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### UptimeMetric
|
|
Mount: data-component="UptimeMetric"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### UrlInput
|
|
Mount: data-component="UrlInput"
|
|
Category: forms
|
|
Props: id: string = "", name: string = "", label: string = "Url", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### UsagePricingTable
|
|
Mount: data-component="UsagePricingTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### UseCaseSelector
|
|
Mount: data-component="UseCaseSelector"
|
|
Category: forms
|
|
Props: label: string = "UseCase", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### UserCard
|
|
Mount: data-component="UserCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### UsernameInput
|
|
Mount: data-component="UsernameInput"
|
|
Category: forms
|
|
Props: label: string = "Username", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ValueCard
|
|
Mount: data-component="ValueCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ValuesGrid
|
|
Mount: data-component="ValuesGrid"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### VerificationCodeInput
|
|
Mount: data-component="VerificationCodeInput"
|
|
Category: forms
|
|
Props: label: string = "VerificationCode", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### VerifiedBadge
|
|
Mount: data-component="VerifiedBadge"
|
|
Category: feedback
|
|
Props: label: string = "Verified", variant: string = "default", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### VersionSelector
|
|
Mount: data-component="VersionSelector"
|
|
Category: forms
|
|
Props: label: string = "Version", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### VerticalTabs
|
|
Mount: data-component="VerticalTabs"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### VideoCard
|
|
Mount: data-component="VideoCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### VideoPreviewDialog
|
|
Mount: data-component="VideoPreviewDialog"
|
|
Category: overlays
|
|
Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### VideoUpload
|
|
Mount: data-component="VideoUpload"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### VirtualizedTable
|
|
Mount: data-component="VirtualizedTable"
|
|
Category: data
|
|
Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### VisionSection
|
|
Mount: data-component="VisionSection"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### VisuallyHidden
|
|
Mount: data-component="VisuallyHidden"
|
|
Category: core
|
|
Props: className: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### VoiceScriptComposer
|
|
Mount: data-component="VoiceScriptComposer"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### VoiceScriptEditor
|
|
Mount: data-component="VoiceScriptEditor"
|
|
Category: forms
|
|
Props: label: string = "VoiceScript", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### VolumeInput
|
|
Mount: data-component="VolumeInput"
|
|
Category: forms
|
|
Props: label: string = "Volume", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### VolumeSlider
|
|
Mount: data-component="VolumeSlider"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WarningCard
|
|
Mount: data-component="WarningCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WebhookEventCard
|
|
Mount: data-component="WebhookEventCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WebhookFlowDiagram
|
|
Mount: data-component="WebhookFlowDiagram"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WebhookPayloadViewer
|
|
Mount: data-component="WebhookPayloadViewer"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WebhookUrlInput
|
|
Mount: data-component="WebhookUrlInput"
|
|
Category: forms
|
|
Props: label: string = "WebhookUrl", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WebinarCard
|
|
Mount: data-component="WebinarCard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WebinarRegistrationForm
|
|
Mount: data-component="WebinarRegistrationForm"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Well
|
|
Mount: data-component="Well"
|
|
Category: core
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WhatsAppComposer
|
|
Mount: data-component="WhatsAppComposer"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WhatsAppNumberInput
|
|
Mount: data-component="WhatsAppNumberInput"
|
|
Category: forms
|
|
Props: label: string = "WhatsAppNumber", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WhatsAppTemplateEditor
|
|
Mount: data-component="WhatsAppTemplateEditor"
|
|
Category: forms
|
|
Props: label: string = "WhatsAppTemplate", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WideContainer
|
|
Mount: data-component="WideContainer"
|
|
Category: core
|
|
Props: class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### Wizard
|
|
Mount: data-component="Wizard"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WizardHeader
|
|
Mount: data-component="WizardHeader"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WizardNavigation
|
|
Mount: data-component="WizardNavigation"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WorkflowCanvasPreview
|
|
Mount: data-component="WorkflowCanvasPreview"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WorkflowProgress
|
|
Mount: data-component="WorkflowProgress"
|
|
Category: visualization
|
|
Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WorkspaceCard
|
|
Mount: data-component="WorkspaceCard"
|
|
Category: content
|
|
Props: title: string = "", description: string = "", href: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WorkspaceSelector
|
|
Mount: data-component="WorkspaceSelector"
|
|
Category: forms
|
|
Props: label: string = "Workspace", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### WorkspaceSwitcher
|
|
Mount: data-component="WorkspaceSwitcher"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### YearPicker
|
|
Mount: data-component="YearPicker"
|
|
Category: forms
|
|
Props: label: string = "Year", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### ZoomSlider
|
|
Mount: data-component="ZoomSlider"
|
|
Category: content
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
|
|
Slots: default
|
|
Events: none
|