7288 lines
295 KiB
Plaintext
7288 lines
295 KiB
Plaintext
# WRNexusJS 0.2.77 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/components
|
|
- 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.77
|
|
- 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/dev-toolbar
|
|
- 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
|
|
- https://wrnexusjs.dev/components/accept-all-cookies-button
|
|
- https://wrnexusjs.dev/components/accessible-accordion
|
|
- https://wrnexusjs.dev/components/accessible-carousel
|
|
- https://wrnexusjs.dev/components/accessible-chart-summary
|
|
- https://wrnexusjs.dev/components/accessible-dialog
|
|
- https://wrnexusjs.dev/components/accessible-error-summary
|
|
- https://wrnexusjs.dev/components/accessible-icon
|
|
- https://wrnexusjs.dev/components/accessible-menu
|
|
- https://wrnexusjs.dev/components/accessible-tabs
|
|
- https://wrnexusjs.dev/components/accessible-tooltip
|
|
- https://wrnexusjs.dev/components/accordion
|
|
- https://wrnexusjs.dev/components/account-menu
|
|
- https://wrnexusjs.dev/components/account-status-banner
|
|
- https://wrnexusjs.dev/components/action-menu
|
|
- https://wrnexusjs.dev/components/active-filter-list
|
|
- https://wrnexusjs.dev/components/activity-list
|
|
- https://wrnexusjs.dev/components/add-on-card
|
|
- https://wrnexusjs.dev/components/address-input
|
|
- https://wrnexusjs.dev/components/address-preview
|
|
- https://wrnexusjs.dev/components/advanced-filter-builder
|
|
- https://wrnexusjs.dev/components/alert
|
|
- https://wrnexusjs.dev/components/alert-dialog
|
|
- https://wrnexusjs.dev/components/amount-input
|
|
- https://wrnexusjs.dev/components/analytics-dashboard-preview
|
|
- https://wrnexusjs.dev/components/anchor-navigation
|
|
- https://wrnexusjs.dev/components/announcement-bar
|
|
- https://wrnexusjs.dev/components/apartment-input
|
|
- https://wrnexusjs.dev/components/api-authentication-notice
|
|
- https://wrnexusjs.dev/components/api-endpoint-card
|
|
- https://wrnexusjs.dev/components/api-error-example
|
|
- https://wrnexusjs.dev/components/api-header-table
|
|
- https://wrnexusjs.dev/components/api-key-create-dialog
|
|
- https://wrnexusjs.dev/components/api-key-display
|
|
- https://wrnexusjs.dev/components/api-key-input
|
|
- https://wrnexusjs.dev/components/api-method-badge
|
|
- https://wrnexusjs.dev/components/api-parameter-table
|
|
- https://wrnexusjs.dev/components/api-rate-limit-notice
|
|
- https://wrnexusjs.dev/components/api-request-example
|
|
- https://wrnexusjs.dev/components/api-response-example
|
|
- https://wrnexusjs.dev/components/api-schema-table
|
|
- https://wrnexusjs.dev/components/api-schema-viewer
|
|
- https://wrnexusjs.dev/components/api-version-badge
|
|
- https://wrnexusjs.dev/components/app-header
|
|
- https://wrnexusjs.dev/components/architecture-section
|
|
- https://wrnexusjs.dev/components/area-chart
|
|
- https://wrnexusjs.dev/components/article-hero
|
|
- https://wrnexusjs.dev/components/article-layout
|
|
- https://wrnexusjs.dev/components/article-newsletter-cta
|
|
- https://wrnexusjs.dev/components/article-page-shell
|
|
- https://wrnexusjs.dev/components/article-share-actions
|
|
- https://wrnexusjs.dev/components/aspect-ratio
|
|
- https://wrnexusjs.dev/components/asset-card
|
|
- https://wrnexusjs.dev/components/attachment-picker
|
|
- https://wrnexusjs.dev/components/attachment-upload
|
|
- https://wrnexusjs.dev/components/audio-upload
|
|
- https://wrnexusjs.dev/components/audit-log-preview
|
|
- https://wrnexusjs.dev/components/audit-table
|
|
- https://wrnexusjs.dev/components/authenticator-code-input
|
|
- https://wrnexusjs.dev/components/author-avatar
|
|
- https://wrnexusjs.dev/components/author-card
|
|
- https://wrnexusjs.dev/components/authorized-application-card
|
|
- https://wrnexusjs.dev/components/auto-grid
|
|
- https://wrnexusjs.dev/components/automation-example-card
|
|
- https://wrnexusjs.dev/components/availability-calendar
|
|
- https://wrnexusjs.dev/components/avatar
|
|
- https://wrnexusjs.dev/components/avatar-group
|
|
- https://wrnexusjs.dev/components/avatar-upload
|
|
- https://wrnexusjs.dev/components/back-button
|
|
- https://wrnexusjs.dev/components/back-to-top
|
|
- https://wrnexusjs.dev/components/badge
|
|
- https://wrnexusjs.dev/components/bank-transfer-details
|
|
- https://wrnexusjs.dev/components/banner
|
|
- https://wrnexusjs.dev/components/bar-chart
|
|
- https://wrnexusjs.dev/components/beta-badge
|
|
- https://wrnexusjs.dev/components/billing-address-form
|
|
- https://wrnexusjs.dev/components/billing-example
|
|
- https://wrnexusjs.dev/components/billing-period-toggle
|
|
- https://wrnexusjs.dev/components/blackout-date-picker
|
|
- https://wrnexusjs.dev/components/blog-card
|
|
- https://wrnexusjs.dev/components/blog-grid
|
|
- https://wrnexusjs.dev/components/blog-list
|
|
- https://wrnexusjs.dev/components/blog-search
|
|
- https://wrnexusjs.dev/components/body-text
|
|
- https://wrnexusjs.dev/components/border-radius-picker
|
|
- https://wrnexusjs.dev/components/bottom-navigation
|
|
- https://wrnexusjs.dev/components/brand-color-picker
|
|
- https://wrnexusjs.dev/components/brand-selector
|
|
- https://wrnexusjs.dev/components/breadcrumbs
|
|
- https://wrnexusjs.dev/components/browser-frame
|
|
- https://wrnexusjs.dev/components/budget-range-slider
|
|
- https://wrnexusjs.dev/components/budget-selector
|
|
- https://wrnexusjs.dev/components/business-hours-picker
|
|
- https://wrnexusjs.dev/components/button
|
|
- https://wrnexusjs.dev/components/button-group
|
|
- https://wrnexusjs.dev/components/button-selector
|
|
- https://wrnexusjs.dev/components/calendar
|
|
- https://wrnexusjs.dev/components/calendar-grid
|
|
- https://wrnexusjs.dev/components/calendar-header
|
|
- https://wrnexusjs.dev/components/calendar-navigation
|
|
- https://wrnexusjs.dev/components/callback-url-input
|
|
- https://wrnexusjs.dev/components/campaign-card
|
|
- https://wrnexusjs.dev/components/campaign-performance-preview
|
|
- https://wrnexusjs.dev/components/campaign-progress
|
|
- https://wrnexusjs.dev/components/capability-grid
|
|
- https://wrnexusjs.dev/components/captcha-field
|
|
- https://wrnexusjs.dev/components/card
|
|
- https://wrnexusjs.dev/components/card-payment-form
|
|
- https://wrnexusjs.dev/components/card-selector
|
|
- https://wrnexusjs.dev/components/card-skeleton
|
|
- https://wrnexusjs.dev/components/career-application-form
|
|
- https://wrnexusjs.dev/components/career-benefits-grid
|
|
- https://wrnexusjs.dev/components/carousel
|
|
- https://wrnexusjs.dev/components/case-study-card
|
|
- https://wrnexusjs.dev/components/case-study-hero
|
|
- https://wrnexusjs.dev/components/case-study-preview
|
|
- https://wrnexusjs.dev/components/centered-cta
|
|
- https://wrnexusjs.dev/components/centered-hero
|
|
- https://wrnexusjs.dev/components/centered-section-header
|
|
- https://wrnexusjs.dev/components/certificate-upload
|
|
- https://wrnexusjs.dev/components/certification-badge
|
|
- https://wrnexusjs.dev/components/challenge-section
|
|
- https://wrnexusjs.dev/components/channel-badge
|
|
- https://wrnexusjs.dev/components/channel-card
|
|
- https://wrnexusjs.dev/components/channel-comparison-chart
|
|
- https://wrnexusjs.dev/components/channel-comparison-table
|
|
- https://wrnexusjs.dev/components/channel-fallback-diagram
|
|
- https://wrnexusjs.dev/components/channel-flow
|
|
- https://wrnexusjs.dev/components/channel-icon
|
|
- https://wrnexusjs.dev/components/channel-rate-table
|
|
- https://wrnexusjs.dev/components/channel-selector
|
|
- https://wrnexusjs.dev/components/character-counter
|
|
- https://wrnexusjs.dev/components/chart-empty-state
|
|
- https://wrnexusjs.dev/components/chart-tooltip
|
|
- https://wrnexusjs.dev/components/checkbox
|
|
- https://wrnexusjs.dev/components/checkbox-group
|
|
- https://wrnexusjs.dev/components/checklist
|
|
- https://wrnexusjs.dev/components/checklist-progress
|
|
- https://wrnexusjs.dev/components/chip
|
|
- https://wrnexusjs.dev/components/chip-input
|
|
- https://wrnexusjs.dev/components/circular-progress
|
|
- https://wrnexusjs.dev/components/city-selector
|
|
- https://wrnexusjs.dev/components/clear-filters-button
|
|
- https://wrnexusjs.dev/components/clickable-card
|
|
- https://wrnexusjs.dev/components/close-button
|
|
- https://wrnexusjs.dev/components/cluster
|
|
- https://wrnexusjs.dev/components/code
|
|
- https://wrnexusjs.dev/components/code-block
|
|
- https://wrnexusjs.dev/components/code-copy-button
|
|
- https://wrnexusjs.dev/components/code-header
|
|
- https://wrnexusjs.dev/components/code-input
|
|
- https://wrnexusjs.dev/components/code-language-badge
|
|
- https://wrnexusjs.dev/components/code-tabs
|
|
- https://wrnexusjs.dev/components/code-text
|
|
- https://wrnexusjs.dev/components/cohort-chart
|
|
- https://wrnexusjs.dev/components/color-grid
|
|
- https://wrnexusjs.dev/components/color-hex-input
|
|
- https://wrnexusjs.dev/components/color-picker
|
|
- https://wrnexusjs.dev/components/color-selector
|
|
- https://wrnexusjs.dev/components/color-swatch
|
|
- https://wrnexusjs.dev/components/combobox
|
|
- https://wrnexusjs.dev/components/coming-soon-badge
|
|
- https://wrnexusjs.dev/components/coming-soon-state
|
|
- https://wrnexusjs.dev/components/command-block
|
|
- https://wrnexusjs.dev/components/command-menu
|
|
- https://wrnexusjs.dev/components/command-search-input
|
|
- https://wrnexusjs.dev/components/company-hero
|
|
- https://wrnexusjs.dev/components/company-name-input
|
|
- https://wrnexusjs.dev/components/company-page-shell
|
|
- https://wrnexusjs.dev/components/company-size-selector
|
|
- https://wrnexusjs.dev/components/comparison-date-range-picker
|
|
- https://wrnexusjs.dev/components/comparison-table
|
|
- https://wrnexusjs.dev/components/completion-meter
|
|
- https://wrnexusjs.dev/components/compliance-badge-list
|
|
- https://wrnexusjs.dev/components/compliance-program-card
|
|
- https://wrnexusjs.dev/components/confirmation-dialog
|
|
- https://wrnexusjs.dev/components/confirm-password-input
|
|
- https://wrnexusjs.dev/components/connected-account-card
|
|
- https://wrnexusjs.dev/components/connection-card
|
|
- https://wrnexusjs.dev/components/consent-timeline-preview
|
|
- https://wrnexusjs.dev/components/contact-card
|
|
- https://wrnexusjs.dev/components/contact-cta
|
|
- https://wrnexusjs.dev/components/contact-form
|
|
- https://wrnexusjs.dev/components/contact-hero
|
|
- https://wrnexusjs.dev/components/contact-page-shell
|
|
- https://wrnexusjs.dev/components/contact-sales-banner
|
|
- https://wrnexusjs.dev/components/contact-sales-button
|
|
- https://wrnexusjs.dev/components/contact-sales-form
|
|
- https://wrnexusjs.dev/components/container
|
|
- https://wrnexusjs.dev/components/context-menu
|
|
- https://wrnexusjs.dev/components/context-switcher
|
|
- https://wrnexusjs.dev/components/conversation-list
|
|
- https://wrnexusjs.dev/components/conversation-preview
|
|
- https://wrnexusjs.dev/components/conversion-chart
|
|
- https://wrnexusjs.dev/components/cookie-banner
|
|
- https://wrnexusjs.dev/components/cookie-category-list
|
|
- https://wrnexusjs.dev/components/cookie-category-toggle
|
|
- https://wrnexusjs.dev/components/cookie-consent
|
|
- https://wrnexusjs.dev/components/cookie-details-table
|
|
- https://wrnexusjs.dev/components/cookie-preferences-dialog
|
|
- https://wrnexusjs.dev/components/cookie-table
|
|
- https://wrnexusjs.dev/components/coordinates-input
|
|
- https://wrnexusjs.dev/components/coordinates-picker
|
|
- https://wrnexusjs.dev/components/copy-button
|
|
- https://wrnexusjs.dev/components/copy-code-button
|
|
- https://wrnexusjs.dev/components/copy-secret-field
|
|
- https://wrnexusjs.dev/components/cost-breakdown-chart
|
|
- https://wrnexusjs.dev/components/cost-summary
|
|
- https://wrnexusjs.dev/components/counter
|
|
- https://wrnexusjs.dev/components/country-calling-code-input
|
|
- https://wrnexusjs.dev/components/country-calling-code-selector
|
|
- https://wrnexusjs.dev/components/country-selector
|
|
- https://wrnexusjs.dev/components/coupon-input
|
|
- https://wrnexusjs.dev/components/credit-amount-input
|
|
- https://wrnexusjs.dev/components/cron-builder
|
|
- https://wrnexusjs.dev/components/cron-input
|
|
- https://wrnexusjs.dev/components/csv-upload
|
|
- https://wrnexusjs.dev/components/ctasection
|
|
- https://wrnexusjs.dev/components/currency-input
|
|
- https://wrnexusjs.dev/components/currency-selector
|
|
- https://wrnexusjs.dev/components/current-password-input
|
|
- https://wrnexusjs.dev/components/customer-logo
|
|
- https://wrnexusjs.dev/components/customer-story-card
|
|
- https://wrnexusjs.dev/components/danger-button
|
|
- https://wrnexusjs.dev/components/data-protection-card
|
|
- https://wrnexusjs.dev/components/data-retention-table
|
|
- https://wrnexusjs.dev/components/data-table
|
|
- https://wrnexusjs.dev/components/date-input
|
|
- https://wrnexusjs.dev/components/date-picker
|
|
- https://wrnexusjs.dev/components/date-range-calendar
|
|
- https://wrnexusjs.dev/components/date-range-picker
|
|
- https://wrnexusjs.dev/components/date-range-slider
|
|
- https://wrnexusjs.dev/components/date-time-input
|
|
- https://wrnexusjs.dev/components/date-time-picker
|
|
- https://wrnexusjs.dev/components/date-time-range-picker
|
|
- https://wrnexusjs.dev/components/decimal-input
|
|
- https://wrnexusjs.dev/components/definition-list
|
|
- https://wrnexusjs.dev/components/delete-confirmation-dialog
|
|
- https://wrnexusjs.dev/components/delivery-preview
|
|
- https://wrnexusjs.dev/components/delivery-status-chart
|
|
- https://wrnexusjs.dev/components/delivery-status-timeline
|
|
- https://wrnexusjs.dev/components/demo-request-form
|
|
- https://wrnexusjs.dev/components/department-input
|
|
- https://wrnexusjs.dev/components/deprecated-feature-alert
|
|
- https://wrnexusjs.dev/components/description-list
|
|
- https://wrnexusjs.dev/components/desktop-navigation
|
|
- https://wrnexusjs.dev/components/developer-cta
|
|
- https://wrnexusjs.dev/components/developer-hero
|
|
- https://wrnexusjs.dev/components/developer-page-shell
|
|
- https://wrnexusjs.dev/components/developer-search
|
|
- https://wrnexusjs.dev/components/developers-mega-menu
|
|
- https://wrnexusjs.dev/components/developers-menu
|
|
- https://wrnexusjs.dev/components/device-card
|
|
- https://wrnexusjs.dev/components/disclosure
|
|
- https://wrnexusjs.dev/components/discount-input
|
|
- https://wrnexusjs.dev/components/display-heading
|
|
- https://wrnexusjs.dev/components/display-name-input
|
|
- https://wrnexusjs.dev/components/divider
|
|
- https://wrnexusjs.dev/components/document-preview
|
|
- https://wrnexusjs.dev/components/document-upload
|
|
- https://wrnexusjs.dev/components/domain-input
|
|
- https://wrnexusjs.dev/components/do-not-sell-link
|
|
- https://wrnexusjs.dev/components/donut-chart
|
|
- https://wrnexusjs.dev/components/download-action
|
|
- https://wrnexusjs.dev/components/download-button
|
|
- https://wrnexusjs.dev/components/download-gate-form
|
|
- https://wrnexusjs.dev/components/download-policy-button
|
|
- https://wrnexusjs.dev/components/download-resource-form
|
|
- https://wrnexusjs.dev/components/drawer
|
|
- https://wrnexusjs.dev/components/dropdown-menu
|
|
- https://wrnexusjs.dev/components/dropdown-navigation
|
|
- https://wrnexusjs.dev/components/duration-input
|
|
- https://wrnexusjs.dev/components/duration-picker
|
|
- https://wrnexusjs.dev/components/duration-slider
|
|
- https://wrnexusjs.dev/components/elevated-card
|
|
- https://wrnexusjs.dev/components/email-body-editor
|
|
- https://wrnexusjs.dev/components/email-composer
|
|
- https://wrnexusjs.dev/components/email-input
|
|
- https://wrnexusjs.dev/components/emoji-picker
|
|
- https://wrnexusjs.dev/components/empty-state
|
|
- https://wrnexusjs.dev/components/encryption-diagram
|
|
- https://wrnexusjs.dev/components/enterprise-cta
|
|
- https://wrnexusjs.dev/components/enterprise-hero
|
|
- https://wrnexusjs.dev/components/enterprise-pricing-card
|
|
- https://wrnexusjs.dev/components/environment-selector
|
|
- https://wrnexusjs.dev/components/environment-switcher
|
|
- https://wrnexusjs.dev/components/error-actions
|
|
- https://wrnexusjs.dev/components/error-card
|
|
- https://wrnexusjs.dev/components/error-code
|
|
- https://wrnexusjs.dev/components/error-hero
|
|
- https://wrnexusjs.dev/components/error-illustration
|
|
- https://wrnexusjs.dev/components/error-page
|
|
- https://wrnexusjs.dev/components/error-page-shell
|
|
- https://wrnexusjs.dev/components/error-state
|
|
- https://wrnexusjs.dev/components/error-support-link
|
|
- https://wrnexusjs.dev/components/estimated-cost-summary
|
|
- https://wrnexusjs.dev/components/event-table
|
|
- https://wrnexusjs.dev/components/expandable-text
|
|
- https://wrnexusjs.dev/components/expiry-date-time-picker
|
|
- https://wrnexusjs.dev/components/export-progress
|
|
- https://wrnexusjs.dev/components/external-link
|
|
- https://wrnexusjs.dev/components/eyebrow-text
|
|
- https://wrnexusjs.dev/components/factor-card
|
|
- https://wrnexusjs.dev/components/fallback-route-builder
|
|
- https://wrnexusjs.dev/components/fallback-route-diagram
|
|
- https://wrnexusjs.dev/components/faq
|
|
- https://wrnexusjs.dev/components/faqaccordion
|
|
- https://wrnexusjs.dev/components/favicon-upload
|
|
- https://wrnexusjs.dev/components/fax-input
|
|
- https://wrnexusjs.dev/components/feature-card
|
|
- https://wrnexusjs.dev/components/feature-checklist
|
|
- https://wrnexusjs.dev/components/feature-comparison-table
|
|
- https://wrnexusjs.dev/components/featured-blog-card
|
|
- https://wrnexusjs.dev/components/feature-details-panel
|
|
- https://wrnexusjs.dev/components/feature-grid
|
|
- https://wrnexusjs.dev/components/feature-icon-card
|
|
- https://wrnexusjs.dev/components/feature-list
|
|
- https://wrnexusjs.dev/components/feature-tabs
|
|
- https://wrnexusjs.dev/components/feature-timeline
|
|
- https://wrnexusjs.dev/components/feature-unavailable-state
|
|
- https://wrnexusjs.dev/components/field-actions
|
|
- https://wrnexusjs.dev/components/file-upload-primitive
|
|
- https://wrnexusjs.dev/components/file-input
|
|
- https://wrnexusjs.dev/components/file-list
|
|
- https://wrnexusjs.dev/components/file-size-input
|
|
- https://wrnexusjs.dev/components/file-size-label
|
|
- https://wrnexusjs.dev/components/file-type-badge
|
|
- https://wrnexusjs.dev/components/file-upload
|
|
- https://wrnexusjs.dev/components/filterable-table
|
|
- https://wrnexusjs.dev/components/filter-bar
|
|
- https://wrnexusjs.dev/components/filter-menu
|
|
- https://wrnexusjs.dev/components/filter-search-input
|
|
- https://wrnexusjs.dev/components/final-cta
|
|
- https://wrnexusjs.dev/components/first-name-input
|
|
- https://wrnexusjs.dev/components/flex
|
|
- https://wrnexusjs.dev/components/font-picker
|
|
- https://wrnexusjs.dev/components/font-size-picker
|
|
- https://wrnexusjs.dev/components/font-weight-picker
|
|
- https://wrnexusjs.dev/components/footer-language-switcher
|
|
- https://wrnexusjs.dev/components/footer-status-indicator
|
|
- https://wrnexusjs.dev/components/forbidden-page
|
|
- https://wrnexusjs.dev/components/forbidden-state
|
|
- https://wrnexusjs.dev/components/forgot-password-form
|
|
- https://wrnexusjs.dev/components/form
|
|
- https://wrnexusjs.dev/components/form-actions
|
|
- https://wrnexusjs.dev/components/form-alert
|
|
- https://wrnexusjs.dev/components/form-dialog
|
|
- https://wrnexusjs.dev/components/form-error
|
|
- https://wrnexusjs.dev/components/form-error-summary
|
|
- https://wrnexusjs.dev/components/form-field
|
|
- https://wrnexusjs.dev/components/form-grid
|
|
- https://wrnexusjs.dev/components/form-group
|
|
- https://wrnexusjs.dev/components/form-help-text
|
|
- https://wrnexusjs.dev/components/form-label
|
|
- https://wrnexusjs.dev/components/form-progress
|
|
- https://wrnexusjs.dev/components/form-row
|
|
- https://wrnexusjs.dev/components/form-section
|
|
- https://wrnexusjs.dev/components/full-bleed
|
|
- https://wrnexusjs.dev/components/fullscreen-dialog
|
|
- https://wrnexusjs.dev/components/funnel-chart
|
|
- https://wrnexusjs.dev/components/geo-chart
|
|
- https://wrnexusjs.dev/components/geofence-editor
|
|
- https://wrnexusjs.dev/components/ghost-button
|
|
- https://wrnexusjs.dev/components/glass-card
|
|
- https://wrnexusjs.dev/components/global-search
|
|
- https://wrnexusjs.dev/components/gradient-cta
|
|
- https://wrnexusjs.dev/components/gradient-picker
|
|
- https://wrnexusjs.dev/components/gradient-stop-editor
|
|
- https://wrnexusjs.dev/components/grid
|
|
- https://wrnexusjs.dev/components/guide-card
|
|
- https://wrnexusjs.dev/components/guide-checklist
|
|
- https://wrnexusjs.dev/components/guide-difficulty-badge
|
|
- https://wrnexusjs.dev/components/guide-grid
|
|
- https://wrnexusjs.dev/components/guide-step
|
|
- https://wrnexusjs.dev/components/header
|
|
- https://wrnexusjs.dev/components/header-actions
|
|
- https://wrnexusjs.dev/components/health-indicator
|
|
- https://wrnexusjs.dev/components/hero
|
|
- https://wrnexusjs.dev/components/hero-actions
|
|
- https://wrnexusjs.dev/components/hero-code-panel
|
|
- https://wrnexusjs.dev/components/hero-gradient-text
|
|
- https://wrnexusjs.dev/components/hero-primary-action
|
|
- https://wrnexusjs.dev/components/hero-product-preview
|
|
- https://wrnexusjs.dev/components/hero-secondary-action
|
|
- https://wrnexusjs.dev/components/hero-trust-text
|
|
- https://wrnexusjs.dev/components/hex-color-input
|
|
- https://wrnexusjs.dev/components/hidden-field
|
|
- https://wrnexusjs.dev/components/highlight-text
|
|
- https://wrnexusjs.dev/components/holiday-calendar
|
|
- https://wrnexusjs.dev/components/hostname-input
|
|
- https://wrnexusjs.dev/components/hour-picker
|
|
- https://wrnexusjs.dev/components/hsl-color-input
|
|
- https://wrnexusjs.dev/components/hstack
|
|
- https://wrnexusjs.dev/components/html-editor
|
|
- https://wrnexusjs.dev/components/human-approval-step
|
|
- https://wrnexusjs.dev/components/icon
|
|
- https://wrnexusjs.dev/components/icon-button
|
|
- https://wrnexusjs.dev/components/icon-picker
|
|
- https://wrnexusjs.dev/components/icon-selector
|
|
- https://wrnexusjs.dev/components/identifier-input
|
|
- https://wrnexusjs.dev/components/illustration
|
|
- https://wrnexusjs.dev/components/image-compression-preview
|
|
- https://wrnexusjs.dev/components/image-editor
|
|
- https://wrnexusjs.dev/components/image-preview-dialog
|
|
- https://wrnexusjs.dev/components/image-selector
|
|
- https://wrnexusjs.dev/components/image-upload
|
|
- https://wrnexusjs.dev/components/import-progress
|
|
- https://wrnexusjs.dev/components/incident-alert
|
|
- https://wrnexusjs.dev/components/incident-banner
|
|
- https://wrnexusjs.dev/components/incident-card
|
|
- https://wrnexusjs.dev/components/incident-list
|
|
- https://wrnexusjs.dev/components/incident-response-flow
|
|
- https://wrnexusjs.dev/components/incident-severity-badge
|
|
- https://wrnexusjs.dev/components/incident-timeline
|
|
- https://wrnexusjs.dev/components/industry-badge
|
|
- https://wrnexusjs.dev/components/industry-selector
|
|
- https://wrnexusjs.dev/components/info-card
|
|
- https://wrnexusjs.dev/components/inline
|
|
- https://wrnexusjs.dev/components/inline-alert
|
|
- https://wrnexusjs.dev/components/inline-code
|
|
- https://wrnexusjs.dev/components/input
|
|
- https://wrnexusjs.dev/components/input-group
|
|
- https://wrnexusjs.dev/components/inset-panel
|
|
- https://wrnexusjs.dev/components/integer-input
|
|
- https://wrnexusjs.dev/components/integration-card
|
|
- https://wrnexusjs.dev/components/invoice-line-item
|
|
- https://wrnexusjs.dev/components/invoice-summary
|
|
- https://wrnexusjs.dev/components/ip-address-input
|
|
- https://wrnexusjs.dev/components/job-card
|
|
- https://wrnexusjs.dev/components/job-progress
|
|
- https://wrnexusjs.dev/components/job-title-input
|
|
- https://wrnexusjs.dev/components/json-input
|
|
- https://wrnexusjs.dev/components/json-viewer
|
|
- https://wrnexusjs.dev/components/key-value-table
|
|
- https://wrnexusjs.dev/components/kyc-document-upload
|
|
- https://wrnexusjs.dev/components/language-selector
|
|
- https://wrnexusjs.dev/components/language-switcher
|
|
- https://wrnexusjs.dev/components/last-name-input
|
|
- https://wrnexusjs.dev/components/latency-metric
|
|
- https://wrnexusjs.dev/components/latitude-input
|
|
- https://wrnexusjs.dev/components/leadership-grid
|
|
- https://wrnexusjs.dev/components/lead-text
|
|
- https://wrnexusjs.dev/components/legal-acceptance-notice
|
|
- https://wrnexusjs.dev/components/legal-bullet-list
|
|
- https://wrnexusjs.dev/components/legal-contact-block
|
|
- https://wrnexusjs.dev/components/legal-definition-list
|
|
- https://wrnexusjs.dev/components/legal-document-header
|
|
- https://wrnexusjs.dev/components/legal-document-layout
|
|
- https://wrnexusjs.dev/components/legal-hero
|
|
- https://wrnexusjs.dev/components/legal-language-selector
|
|
- https://wrnexusjs.dev/components/legal-notice
|
|
- https://wrnexusjs.dev/components/legal-page-shell
|
|
- https://wrnexusjs.dev/components/legal-print-button
|
|
- https://wrnexusjs.dev/components/legal-region-selector
|
|
- https://wrnexusjs.dev/components/legal-section
|
|
- https://wrnexusjs.dev/components/legal-summary
|
|
- https://wrnexusjs.dev/components/legal-table
|
|
- https://wrnexusjs.dev/components/legal-table-of-contents
|
|
- https://wrnexusjs.dev/components/legal-version-badge
|
|
- https://wrnexusjs.dev/components/letter-spacing-picker
|
|
- https://wrnexusjs.dev/components/license-key-input
|
|
- https://wrnexusjs.dev/components/lightbox
|
|
- https://wrnexusjs.dev/components/line-chart
|
|
- https://wrnexusjs.dev/components/line-height-picker
|
|
- https://wrnexusjs.dev/components/link
|
|
- https://wrnexusjs.dev/components/link-button
|
|
- https://wrnexusjs.dev/components/list
|
|
- https://wrnexusjs.dev/components/loading-button
|
|
- https://wrnexusjs.dev/components/locale-selector
|
|
- https://wrnexusjs.dev/components/localized-route-link
|
|
- https://wrnexusjs.dev/components/location-picker
|
|
- https://wrnexusjs.dev/components/logo
|
|
- https://wrnexusjs.dev/components/logo-cloud
|
|
- https://wrnexusjs.dev/components/logo-upload
|
|
- https://wrnexusjs.dev/components/logout-dialog
|
|
- https://wrnexusjs.dev/components/log-table
|
|
- https://wrnexusjs.dev/components/longitude-input
|
|
- https://wrnexusjs.dev/components/maintenance-alert
|
|
- https://wrnexusjs.dev/components/maintenance-banner
|
|
- https://wrnexusjs.dev/components/maintenance-card
|
|
- https://wrnexusjs.dev/components/maintenance-page
|
|
- https://wrnexusjs.dev/components/maintenance-state
|
|
- https://wrnexusjs.dev/components/maintenance-window-picker
|
|
- https://wrnexusjs.dev/components/map-picker
|
|
- https://wrnexusjs.dev/components/markdown-editor
|
|
- https://wrnexusjs.dev/components/marketing-page-shell
|
|
- https://wrnexusjs.dev/components/marketing-section-header
|
|
- https://wrnexusjs.dev/components/masked-secret-field
|
|
- https://wrnexusjs.dev/components/mega-menu
|
|
- https://wrnexusjs.dev/components/member-list
|
|
- https://wrnexusjs.dev/components/mention-input
|
|
- https://wrnexusjs.dev/components/message-character-counter
|
|
- https://wrnexusjs.dev/components/message-composer
|
|
- https://wrnexusjs.dev/components/message-composer-preview
|
|
- https://wrnexusjs.dev/components/message-limit-input
|
|
- https://wrnexusjs.dev/components/message-preview
|
|
- https://wrnexusjs.dev/components/message-volume-slider
|
|
- https://wrnexusjs.dev/components/metric
|
|
- https://wrnexusjs.dev/components/metric-card
|
|
- https://wrnexusjs.dev/components/metric-grid
|
|
- https://wrnexusjs.dev/components/metric-text
|
|
- https://wrnexusjs.dev/components/minute-picker
|
|
- https://wrnexusjs.dev/components/mission-section
|
|
- https://wrnexusjs.dev/components/mobile-device-frame
|
|
- https://wrnexusjs.dev/components/mobile-input
|
|
- https://wrnexusjs.dev/components/mobile-menu-button
|
|
- https://wrnexusjs.dev/components/mobile-navigation
|
|
- https://wrnexusjs.dev/components/mobile-table-card
|
|
- https://wrnexusjs.dev/components/modal
|
|
- https://wrnexusjs.dev/components/monthly-volume-selector
|
|
- https://wrnexusjs.dev/components/month-picker
|
|
- https://wrnexusjs.dev/components/month-year-picker
|
|
- https://wrnexusjs.dev/components/multi-file-upload
|
|
- https://wrnexusjs.dev/components/multiple-email-input
|
|
- https://wrnexusjs.dev/components/multi-select
|
|
- https://wrnexusjs.dev/components/muted-text
|
|
- https://wrnexusjs.dev/components/name-input
|
|
- https://wrnexusjs.dev/components/narrow-container
|
|
- https://wrnexusjs.dev/components/navigation
|
|
- https://wrnexusjs.dev/components/navigation-item
|
|
- https://wrnexusjs.dev/components/navigation-mega-menu
|
|
- https://wrnexusjs.dev/components/new-badge
|
|
- https://wrnexusjs.dev/components/new-password-input
|
|
- https://wrnexusjs.dev/components/newsletter-cta
|
|
- https://wrnexusjs.dev/components/newsletter-form
|
|
- https://wrnexusjs.dev/components/no-results-state
|
|
- https://wrnexusjs.dev/components/not-found-page
|
|
- https://wrnexusjs.dev/components/not-found-state
|
|
- https://wrnexusjs.dev/components/notification-card
|
|
- https://wrnexusjs.dev/components/notification-dot
|
|
- https://wrnexusjs.dev/components/notification-list
|
|
- https://wrnexusjs.dev/components/number-input
|
|
- https://wrnexusjs.dev/components/office-card
|
|
- https://wrnexusjs.dev/components/offline-page
|
|
- https://wrnexusjs.dev/components/offline-state
|
|
- https://wrnexusjs.dev/components/onboarding-progress
|
|
- https://wrnexusjs.dev/components/one-time-secret-display
|
|
- https://wrnexusjs.dev/components/online-indicator
|
|
- https://wrnexusjs.dev/components/opacity-slider
|
|
- https://wrnexusjs.dev/components/open-apicta
|
|
- https://wrnexusjs.dev/components/optional-indicator
|
|
- https://wrnexusjs.dev/components/organization-selector
|
|
- https://wrnexusjs.dev/components/otp-input
|
|
- https://wrnexusjs.dev/components/otp-verification-form
|
|
- https://wrnexusjs.dev/components/outlined-card
|
|
- https://wrnexusjs.dev/components/page-alert
|
|
- https://wrnexusjs.dev/components/page-header
|
|
- https://wrnexusjs.dev/components/page-heading
|
|
- https://wrnexusjs.dev/components/page-shell
|
|
- https://wrnexusjs.dev/components/page-skeleton
|
|
- https://wrnexusjs.dev/components/pagination
|
|
- https://wrnexusjs.dev/components/panel
|
|
- https://wrnexusjs.dev/components/partner-application-form
|
|
- https://wrnexusjs.dev/components/partner-logo-grid
|
|
- https://wrnexusjs.dev/components/partner-program-card
|
|
- https://wrnexusjs.dev/components/passkey-button
|
|
- https://wrnexusjs.dev/components/password-input
|
|
- https://wrnexusjs.dev/components/password-requirement-list
|
|
- https://wrnexusjs.dev/components/password-strength-meter
|
|
- https://wrnexusjs.dev/components/password-visibility-toggle
|
|
- https://wrnexusjs.dev/components/path-input
|
|
- https://wrnexusjs.dev/components/payment-method-card
|
|
- https://wrnexusjs.dev/components/pdf-preview
|
|
- https://wrnexusjs.dev/components/percentage-input
|
|
- https://wrnexusjs.dev/components/permission-selector
|
|
- https://wrnexusjs.dev/components/phone-input
|
|
- https://wrnexusjs.dev/components/pie-chart
|
|
- https://wrnexusjs.dev/components/pill
|
|
- https://wrnexusjs.dev/components/pin-input
|
|
- https://wrnexusjs.dev/components/plain-text-editor
|
|
- https://wrnexusjs.dev/components/plan-cta
|
|
- https://wrnexusjs.dev/components/plan-feature-list
|
|
- https://wrnexusjs.dev/components/plan-limit-list
|
|
- https://wrnexusjs.dev/components/plan-selector
|
|
- https://wrnexusjs.dev/components/platform-pillar-card
|
|
- https://wrnexusjs.dev/components/policy-version-table
|
|
- https://wrnexusjs.dev/components/popover
|
|
- https://wrnexusjs.dev/components/port-input
|
|
- https://wrnexusjs.dev/components/port-number-input
|
|
- https://wrnexusjs.dev/components/positive-number-input
|
|
- https://wrnexusjs.dev/components/postal-code-input
|
|
- https://wrnexusjs.dev/components/postman-cta
|
|
- https://wrnexusjs.dev/components/preset-date-range-picker
|
|
- https://wrnexusjs.dev/components/press-release-card
|
|
- https://wrnexusjs.dev/components/preview-badge
|
|
- https://wrnexusjs.dev/components/previous-next-navigation
|
|
- https://wrnexusjs.dev/components/price-input
|
|
- https://wrnexusjs.dev/components/price-range-slider
|
|
- https://wrnexusjs.dev/components/price-text
|
|
- https://wrnexusjs.dev/components/pricing-card
|
|
- https://wrnexusjs.dev/components/pricing-comparison-table
|
|
- https://wrnexusjs.dev/components/pricing-contact-form
|
|
- https://wrnexusjs.dev/components/pricing-feature-group
|
|
- https://wrnexusjs.dev/components/pricing-grid
|
|
- https://wrnexusjs.dev/components/pricing-hero
|
|
- https://wrnexusjs.dev/components/pricing-plan-card
|
|
- https://wrnexusjs.dev/components/pricing-table
|
|
- https://wrnexusjs.dev/components/pricing-toggle
|
|
- https://wrnexusjs.dev/components/primary-button
|
|
- https://wrnexusjs.dev/components/print-action
|
|
- https://wrnexusjs.dev/components/print-policy-button
|
|
- https://wrnexusjs.dev/components/priority-selector
|
|
- https://wrnexusjs.dev/components/privacy-notice
|
|
- https://wrnexusjs.dev/components/product-architecture-diagram
|
|
- https://wrnexusjs.dev/components/product-card
|
|
- https://wrnexusjs.dev/components/product-category-section
|
|
- https://wrnexusjs.dev/components/product-cta
|
|
- https://wrnexusjs.dev/components/product-feature-list
|
|
- https://wrnexusjs.dev/components/product-grid
|
|
- https://wrnexusjs.dev/components/product-hero
|
|
- https://wrnexusjs.dev/components/product-icon
|
|
- https://wrnexusjs.dev/components/product-integration-list
|
|
- https://wrnexusjs.dev/components/product-list
|
|
- https://wrnexusjs.dev/components/product-logo
|
|
- https://wrnexusjs.dev/components/product-mega-menu
|
|
- https://wrnexusjs.dev/components/product-mini-card
|
|
- https://wrnexusjs.dev/components/product-navigation-card
|
|
- https://wrnexusjs.dev/components/product-page-shell
|
|
- https://wrnexusjs.dev/components/product-selector
|
|
- https://wrnexusjs.dev/components/products-mega-menu
|
|
- https://wrnexusjs.dev/components/product-status-badge
|
|
- https://wrnexusjs.dev/components/product-use-case-list
|
|
- https://wrnexusjs.dev/components/progress
|
|
- https://wrnexusjs.dev/components/progress-bar
|
|
- https://wrnexusjs.dev/components/progress-chart
|
|
- https://wrnexusjs.dev/components/progress-ring
|
|
- https://wrnexusjs.dev/components/progress-slider
|
|
- https://wrnexusjs.dev/components/project-card
|
|
- https://wrnexusjs.dev/components/project-selector
|
|
- https://wrnexusjs.dev/components/project-switcher
|
|
- https://wrnexusjs.dev/components/promo-code-input
|
|
- https://wrnexusjs.dev/components/prompt-dialog
|
|
- https://wrnexusjs.dev/components/provider-selector
|
|
- https://wrnexusjs.dev/components/public-footer
|
|
- https://wrnexusjs.dev/components/public-header
|
|
- https://wrnexusjs.dev/components/public-header-logo
|
|
- https://wrnexusjs.dev/components/public-mobile-navigation
|
|
- https://wrnexusjs.dev/components/public-page-shell
|
|
- https://wrnexusjs.dev/components/public-search
|
|
- https://wrnexusjs.dev/components/publish-date-time-picker
|
|
- https://wrnexusjs.dev/components/push-composer
|
|
- https://wrnexusjs.dev/components/push-notification-editor
|
|
- https://wrnexusjs.dev/components/qr-code
|
|
- https://wrnexusjs.dev/components/quantity-input
|
|
- https://wrnexusjs.dev/components/quantity-stepper
|
|
- https://wrnexusjs.dev/components/quiet-hours-picker
|
|
- https://wrnexusjs.dev/components/quote-text
|
|
- https://wrnexusjs.dev/components/radio
|
|
- https://wrnexusjs.dev/components/radio-group
|
|
- https://wrnexusjs.dev/components/range-input
|
|
- https://wrnexusjs.dev/components/range-slider
|
|
- https://wrnexusjs.dev/components/rate-limited-state
|
|
- https://wrnexusjs.dev/components/rate-limit-input
|
|
- https://wrnexusjs.dev/components/rate-limit-page
|
|
- https://wrnexusjs.dev/components/rate-table
|
|
- https://wrnexusjs.dev/components/rating-slider
|
|
- https://wrnexusjs.dev/components/recipient-selector
|
|
- https://wrnexusjs.dev/components/recovery-code-form
|
|
- https://wrnexusjs.dev/components/recovery-code-input
|
|
- https://wrnexusjs.dev/components/recurrence-rule-builder
|
|
- https://wrnexusjs.dev/components/recurring-schedule-picker
|
|
- https://wrnexusjs.dev/components/redirect-uri-input
|
|
- https://wrnexusjs.dev/components/reference-input
|
|
- https://wrnexusjs.dev/components/regex-input
|
|
- https://wrnexusjs.dev/components/regional-privacy-banner
|
|
- https://wrnexusjs.dev/components/region-availability-table
|
|
- https://wrnexusjs.dev/components/region-selector
|
|
- https://wrnexusjs.dev/components/region-unavailable-alert
|
|
- https://wrnexusjs.dev/components/region-unavailable-state
|
|
- https://wrnexusjs.dev/components/reject-optional-cookies-button
|
|
- https://wrnexusjs.dev/components/reopen-cookie-settings-button
|
|
- https://wrnexusjs.dev/components/report-card
|
|
- https://wrnexusjs.dev/components/request-response-viewer
|
|
- https://wrnexusjs.dev/components/request-viewer
|
|
- https://wrnexusjs.dev/components/required-indicator
|
|
- https://wrnexusjs.dev/components/reset-password-form
|
|
- https://wrnexusjs.dev/components/resizable-panel
|
|
- https://wrnexusjs.dev/components/resource-card
|
|
- https://wrnexusjs.dev/components/resource-download-card
|
|
- https://wrnexusjs.dev/components/resource-page-shell
|
|
- https://wrnexusjs.dev/components/resource-search
|
|
- https://wrnexusjs.dev/components/resources-mega-menu
|
|
- https://wrnexusjs.dev/components/resource-type-badge
|
|
- https://wrnexusjs.dev/components/response-viewer
|
|
- https://wrnexusjs.dev/components/responsible-disclosure-cta
|
|
- https://wrnexusjs.dev/components/responsive-table
|
|
- https://wrnexusjs.dev/components/results-section
|
|
- https://wrnexusjs.dev/components/retention-table
|
|
- https://wrnexusjs.dev/components/retry-count-input
|
|
- https://wrnexusjs.dev/components/revenue-chart
|
|
- https://wrnexusjs.dev/components/rgb-color-input
|
|
- https://wrnexusjs.dev/components/rich-text-editor
|
|
- https://wrnexusjs.dev/components/rich-text-input
|
|
- https://wrnexusjs.dev/components/role-selector
|
|
- https://wrnexusjs.dev/components/rolling-date-range-picker
|
|
- https://wrnexusjs.dev/components/save-cookie-preferences-button
|
|
- https://wrnexusjs.dev/components/saved-filter-selector
|
|
- https://wrnexusjs.dev/components/scheduled-date-time-picker
|
|
- https://wrnexusjs.dev/components/schedule-message-picker
|
|
- https://wrnexusjs.dev/components/schedule-picker
|
|
- https://wrnexusjs.dev/components/screenshot-frame
|
|
- https://wrnexusjs.dev/components/scroll-area
|
|
- https://wrnexusjs.dev/components/sdkcard
|
|
- https://wrnexusjs.dev/components/sdk-language-selector
|
|
- https://wrnexusjs.dev/components/sdklanguage-tabs
|
|
- https://wrnexusjs.dev/components/sdktabs
|
|
- https://wrnexusjs.dev/components/search-button
|
|
- https://wrnexusjs.dev/components/search-category-tabs
|
|
- https://wrnexusjs.dev/components/search-dialog
|
|
- https://wrnexusjs.dev/components/search-empty-state
|
|
- https://wrnexusjs.dev/components/search-input
|
|
- https://wrnexusjs.dev/components/search-loading-state
|
|
- https://wrnexusjs.dev/components/search-result-item
|
|
- https://wrnexusjs.dev/components/secondary-button
|
|
- https://wrnexusjs.dev/components/second-picker
|
|
- https://wrnexusjs.dev/components/secret-display
|
|
- https://wrnexusjs.dev/components/secret-input
|
|
- https://wrnexusjs.dev/components/secret-reveal-dialog
|
|
- https://wrnexusjs.dev/components/section
|
|
- https://wrnexusjs.dev/components/section-actions
|
|
- https://wrnexusjs.dev/components/section-header
|
|
- https://wrnexusjs.dev/components/section-heading
|
|
- https://wrnexusjs.dev/components/security-alert
|
|
- https://wrnexusjs.dev/components/security-contact-card
|
|
- https://wrnexusjs.dev/components/security-feature-card
|
|
- https://wrnexusjs.dev/components/security-hero
|
|
- https://wrnexusjs.dev/components/security-pillar-grid
|
|
- https://wrnexusjs.dev/components/security-practice-list
|
|
- https://wrnexusjs.dev/components/security-report-form
|
|
- https://wrnexusjs.dev/components/select
|
|
- https://wrnexusjs.dev/components/sender-id-input
|
|
- https://wrnexusjs.dev/components/server-error-page
|
|
- https://wrnexusjs.dev/components/service-level-table
|
|
- https://wrnexusjs.dev/components/service-status-badge
|
|
- https://wrnexusjs.dev/components/service-status-list
|
|
- https://wrnexusjs.dev/components/service-status-row
|
|
- https://wrnexusjs.dev/components/session-card
|
|
- https://wrnexusjs.dev/components/session-expired-dialog
|
|
- https://wrnexusjs.dev/components/setup-checklist
|
|
- https://wrnexusjs.dev/components/severity-selector
|
|
- https://wrnexusjs.dev/components/shadow-picker
|
|
- https://wrnexusjs.dev/components/share-action
|
|
- https://wrnexusjs.dev/components/share-button
|
|
- https://wrnexusjs.dev/components/sidebar-layout
|
|
- https://wrnexusjs.dev/components/side-panel
|
|
- https://wrnexusjs.dev/components/sign-in-form
|
|
- https://wrnexusjs.dev/components/sign-in-link
|
|
- https://wrnexusjs.dev/components/sign-up-form
|
|
- https://wrnexusjs.dev/components/site-search
|
|
- https://wrnexusjs.dev/components/skeleton
|
|
- https://wrnexusjs.dev/components/skip-link
|
|
- https://wrnexusjs.dev/components/sla-table
|
|
- https://wrnexusjs.dev/components/slider
|
|
- https://wrnexusjs.dev/components/slug-input
|
|
- https://wrnexusjs.dev/components/small-text
|
|
- https://wrnexusjs.dev/components/smart-route-diagram
|
|
- https://wrnexusjs.dev/components/sms-composer
|
|
- https://wrnexusjs.dev/components/sms-message-editor
|
|
- https://wrnexusjs.dev/components/sms-segment-counter
|
|
- https://wrnexusjs.dev/components/social-share
|
|
- https://wrnexusjs.dev/components/solution-hero
|
|
- https://wrnexusjs.dev/components/solution-page-shell
|
|
- https://wrnexusjs.dev/components/solution-section
|
|
- https://wrnexusjs.dev/components/solutions-mega-menu
|
|
- https://wrnexusjs.dev/components/sortable-table
|
|
- https://wrnexusjs.dev/components/spacer
|
|
- https://wrnexusjs.dev/components/spinner
|
|
- https://wrnexusjs.dev/components/split-button
|
|
- https://wrnexusjs.dev/components/split-cta
|
|
- https://wrnexusjs.dev/components/split-hero
|
|
- https://wrnexusjs.dev/components/split-layout
|
|
- https://wrnexusjs.dev/components/split-section-header
|
|
- https://wrnexusjs.dev/components/stack
|
|
- https://wrnexusjs.dev/components/start-free-button
|
|
- https://wrnexusjs.dev/components/stat-card
|
|
- https://wrnexusjs.dev/components/state-selector
|
|
- https://wrnexusjs.dev/components/status-badge
|
|
- https://wrnexusjs.dev/components/status-banner
|
|
- https://wrnexusjs.dev/components/status-page-shell
|
|
- https://wrnexusjs.dev/components/status-selector
|
|
- https://wrnexusjs.dev/components/status-subscribe-form
|
|
- https://wrnexusjs.dev/components/status-table
|
|
- https://wrnexusjs.dev/components/step-navigation
|
|
- https://wrnexusjs.dev/components/stepper
|
|
- https://wrnexusjs.dev/components/stepper-input
|
|
- https://wrnexusjs.dev/components/step-up-authentication-dialog
|
|
- https://wrnexusjs.dev/components/sticker-picker
|
|
- https://wrnexusjs.dev/components/sticky
|
|
- https://wrnexusjs.dev/components/sticky-layout
|
|
- https://wrnexusjs.dev/components/street-address-input
|
|
- https://wrnexusjs.dev/components/subdomain-input
|
|
- https://wrnexusjs.dev/components/subject-input
|
|
- https://wrnexusjs.dev/components/subprocessor-table
|
|
- https://wrnexusjs.dev/components/subsection-heading
|
|
- https://wrnexusjs.dev/components/success-card
|
|
- https://wrnexusjs.dev/components/success-state
|
|
- https://wrnexusjs.dev/components/support-request-form
|
|
- https://wrnexusjs.dev/components/surface
|
|
- https://wrnexusjs.dev/components/switch
|
|
- https://wrnexusjs.dev/components/table
|
|
- https://wrnexusjs.dev/components/table-header
|
|
- https://wrnexusjs.dev/components/table-row
|
|
- https://wrnexusjs.dev/components/table-skeleton
|
|
- https://wrnexusjs.dev/components/tabs
|
|
- https://wrnexusjs.dev/components/tag
|
|
- https://wrnexusjs.dev/components/tag-input
|
|
- https://wrnexusjs.dev/components/tax-notice
|
|
- https://wrnexusjs.dev/components/tax-rate-input
|
|
- https://wrnexusjs.dev/components/team-member-card
|
|
- https://wrnexusjs.dev/components/team-size-selector
|
|
- https://wrnexusjs.dev/components/template-card
|
|
- https://wrnexusjs.dev/components/template-selector
|
|
- https://wrnexusjs.dev/components/template-variable-input
|
|
- https://wrnexusjs.dev/components/tenant-isolation-diagram
|
|
- https://wrnexusjs.dev/components/terminal-block
|
|
- https://wrnexusjs.dev/components/tertiary-button
|
|
- https://wrnexusjs.dev/components/testimonial-card
|
|
- https://wrnexusjs.dev/components/testimonial-carousel
|
|
- https://wrnexusjs.dev/components/test-message-dialog
|
|
- https://wrnexusjs.dev/components/textarea
|
|
- https://wrnexusjs.dev/components/text-input
|
|
- https://wrnexusjs.dev/components/text-link
|
|
- https://wrnexusjs.dev/components/text-skeleton
|
|
- https://wrnexusjs.dev/components/theme-toggle
|
|
- https://wrnexusjs.dev/components/theme-color-picker
|
|
- https://wrnexusjs.dev/components/theme-switcher
|
|
- https://wrnexusjs.dev/components/time-input
|
|
- https://wrnexusjs.dev/components/timeline
|
|
- https://wrnexusjs.dev/components/timeline-chart
|
|
- https://wrnexusjs.dev/components/timeline-item
|
|
- https://wrnexusjs.dev/components/timeout-input
|
|
- https://wrnexusjs.dev/components/time-picker
|
|
- https://wrnexusjs.dev/components/time-range-picker
|
|
- https://wrnexusjs.dev/components/timezone-aware-time-picker
|
|
- https://wrnexusjs.dev/components/timezone-selector
|
|
- https://wrnexusjs.dev/components/toast
|
|
- https://wrnexusjs.dev/components/toast-action
|
|
- https://wrnexusjs.dev/components/toast-host
|
|
- https://wrnexusjs.dev/components/toast-icon
|
|
- https://wrnexusjs.dev/components/toast-progress
|
|
- https://wrnexusjs.dev/components/toggle
|
|
- https://wrnexusjs.dev/components/toggle-group
|
|
- https://wrnexusjs.dev/components/token-input
|
|
- https://wrnexusjs.dev/components/tooltip
|
|
- https://wrnexusjs.dev/components/totp-verification-form
|
|
- https://wrnexusjs.dev/components/translated-text
|
|
- https://wrnexusjs.dev/components/tree-table
|
|
- https://wrnexusjs.dev/components/trend-indicator
|
|
- https://wrnexusjs.dev/components/truncated-text
|
|
- https://wrnexusjs.dev/components/trust-badge-list
|
|
- https://wrnexusjs.dev/components/typography
|
|
- https://wrnexusjs.dev/components/unavailable-region-state
|
|
- https://wrnexusjs.dev/components/unified-timeline-preview
|
|
- https://wrnexusjs.dev/components/unsaved-changes-dialog
|
|
- https://wrnexusjs.dev/components/upload-item
|
|
- https://wrnexusjs.dev/components/upload-preview
|
|
- https://wrnexusjs.dev/components/upload-progress
|
|
- https://wrnexusjs.dev/components/uptime-chart
|
|
- https://wrnexusjs.dev/components/uptime-metric
|
|
- https://wrnexusjs.dev/components/url-input
|
|
- https://wrnexusjs.dev/components/usage-pricing-table
|
|
- https://wrnexusjs.dev/components/use-case-selector
|
|
- https://wrnexusjs.dev/components/user-card
|
|
- https://wrnexusjs.dev/components/username-input
|
|
- https://wrnexusjs.dev/components/value-card
|
|
- https://wrnexusjs.dev/components/values-grid
|
|
- https://wrnexusjs.dev/components/verification-code-input
|
|
- https://wrnexusjs.dev/components/verified-badge
|
|
- https://wrnexusjs.dev/components/version-selector
|
|
- https://wrnexusjs.dev/components/vertical-tabs
|
|
- https://wrnexusjs.dev/components/video-card
|
|
- https://wrnexusjs.dev/components/video-preview-dialog
|
|
- https://wrnexusjs.dev/components/video-upload
|
|
- https://wrnexusjs.dev/components/virtualized-table
|
|
- https://wrnexusjs.dev/components/vision-section
|
|
- https://wrnexusjs.dev/components/visually-hidden
|
|
- https://wrnexusjs.dev/components/voice-script-composer
|
|
- https://wrnexusjs.dev/components/voice-script-editor
|
|
- https://wrnexusjs.dev/components/volume-input
|
|
- https://wrnexusjs.dev/components/volume-slider
|
|
- https://wrnexusjs.dev/components/warning-card
|
|
- https://wrnexusjs.dev/components/webhook-event-card
|
|
- https://wrnexusjs.dev/components/webhook-flow-diagram
|
|
- https://wrnexusjs.dev/components/webhook-payload-viewer
|
|
- https://wrnexusjs.dev/components/webhook-url-input
|
|
- https://wrnexusjs.dev/components/webinar-card
|
|
- https://wrnexusjs.dev/components/webinar-registration-form
|
|
- https://wrnexusjs.dev/components/well
|
|
- https://wrnexusjs.dev/components/whats-app-composer
|
|
- https://wrnexusjs.dev/components/whats-app-number-input
|
|
- https://wrnexusjs.dev/components/whats-app-template-editor
|
|
- https://wrnexusjs.dev/components/wide-container
|
|
- https://wrnexusjs.dev/components/wizard
|
|
- https://wrnexusjs.dev/components/wizard-header
|
|
- https://wrnexusjs.dev/components/wizard-navigation
|
|
- https://wrnexusjs.dev/components/workflow-canvas-preview
|
|
- https://wrnexusjs.dev/components/workflow-progress
|
|
- https://wrnexusjs.dev/components/workspace-card
|
|
- https://wrnexusjs.dev/components/workspace-selector
|
|
- https://wrnexusjs.dev/components/workspace-switcher
|
|
- https://wrnexusjs.dev/components/year-picker
|
|
- https://wrnexusjs.dev/components/zoom-slider
|
|
|
|
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: class: string = "", 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: core
|
|
Props: class: string = "", 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: class: string = "", 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", badgeIcon: string = "icon-[lucide--sparkles]", actionIcon: string = "icon-[lucide--arrow-right]", dismissLabel: string = "Dismiss announcement", showBadge: boolean = true, showDescription: boolean = true, showAction: boolean = true, dismissible: boolean = true
|
|
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: class: string = "", method: string = "GET", path: string = "/api/example", eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "View endpoint"
|
|
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: class: string = "", 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: class: string = "", 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: class: string = "", label: string = "", variant: string = "neutral"
|
|
Slots: default
|
|
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: class: string = "", 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: class: string = "", items: string = [], centered: boolean = false, compact: boolean = false, showHome: boolean = true, homeLabel: string = "Home", homeHref: string = "/"
|
|
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 = "", icon: string = "icon-[lucide--send]", 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: core
|
|
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 = "", icon: string = "icon-[lucide--radio-tower]", 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: class: string = "", 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: class: string = "", 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
|
|
|
|
### ContactSalesBanner
|
|
Mount: data-component="ContactSalesBanner"
|
|
Category: core
|
|
Props: class: string = "", eyebrow: string = "Enterprise identity", title: string = "Ready to secure your next application?", description: string = "", primaryLabel: string = "Contact sales", primaryHref: string = "/contact", secondaryLabel: string = "Start free", secondaryHref: string = "/sign-up", iconClass: string = "icon-[lucide--messages-square]", centered: boolean = false, compact: boolean = false, points: string = [], trustPoints: string = []
|
|
Slots: none
|
|
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: class: string = "", 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
|
|
|
|
### CookieConsent
|
|
Mount: data-component="CookieConsent"
|
|
Category: core
|
|
Props: class: string = ""
|
|
Slots: none
|
|
Events: click, change
|
|
|
|
### 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: class: string = "", 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: class: string = "", 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: class: string = "", 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: class: string = "", 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: class: string = "", 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
|
|
|
|
### DevelopersMegaMenu
|
|
Mount: data-component="DevelopersMegaMenu"
|
|
Category: core
|
|
Props: class: string = ""
|
|
Slots: none
|
|
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: class: string = "", title: string = "Panel", open: boolean = false, side: string = "right"
|
|
Slots: default
|
|
Events: click
|
|
|
|
### DropdownMenu
|
|
Mount: data-component="DropdownMenu"
|
|
Category: overlays
|
|
Props: class: string = "", 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: class: string = "", id: string = "email", name: string = "email", label: string = "Email", value: string = "", placeholder: string = "you@company.com", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "email"
|
|
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: class: string = "", eyebrow: string = "", title: string = "Nothing found", description: string = "", iconClass: string = "icon-[lucide--inbox]", primaryLabel: string = "", primaryHref: string = "", secondaryLabel: string = "", secondaryHref: string = "", compact: boolean = false, centered: boolean = true, suggestions: 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: class: string = "", type: string = "error", eyebrow: string = "", title: string = "Something went wrong", description: string = "", errorCode: string = "", iconClass: string = "", primaryLabel: string = "", primaryHref: string = "", secondaryLabel: string = "", secondaryHref: string = "", retryLabel: string = "", retryAction: string = "", centered: boolean = true, compact: boolean = false, details: string = []
|
|
Slots: none
|
|
Events: click
|
|
|
|
### 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: class: string = "", 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: class: string = "", 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: class: string = "", icon: string = "icon-[lucide--sparkles]", 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: class: string = "", 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: class: string = "", title: string = "Please fix the following", visible: boolean = true
|
|
Slots: default
|
|
Events: none
|
|
|
|
### FormField
|
|
Mount: data-component="FormField"
|
|
Category: forms
|
|
Props: class: string = "", 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: class: string = "", 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: class: string = "", 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 = "", icon: string = "icon-[lucide--plug-zap]", 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: class: string = "", 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: class: string = "", eyebrow: string = "", title: string = "Trusted by teams building modern products", description: string = "", logos: string = [], centered: boolean = true, compact: boolean = false, variant: string = "strip", grayscale: boolean = true, showNames: boolean = false, maxItems: number = 8
|
|
Slots: none
|
|
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: class: string = "", 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: class: string = "", eyebrow: string = "", title: string = "Stay up to date", description: string = "", placeholder: string = "Enter your email", buttonLabel: string = "Subscribe", action: string = "/newsletter/subscribe", method: string = "post", emailName: string = "email", privacyLabel: string = "", privacyHref: string = "/privacy", successMessage: string = "You are subscribed.", errorMessage: string = "Something went wrong. Please try again.", iconClass: string = "icon-[lucide--mail]", centered: boolean = false, compact: boolean = false, showIcon: boolean = true, showPrivacy: boolean = true, fullWidth: boolean = false
|
|
Slots: none
|
|
Events: submit, input
|
|
|
|
### 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: class: string = "", 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: class: string = "", 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
|
|
|
|
### PageHeader
|
|
Mount: data-component="PageHeader"
|
|
Category: core
|
|
Props: class: string = "", eyebrow: string = "", title: string = "", description: string = "", primaryLabel: string = "", primaryHref: string = "", secondaryLabel: string = "", secondaryHref: string = "", icon: string = "sparkles", centered: boolean = false, compact: boolean = false, showBreadcrumbs: boolean = false, breadcrumbParent: string = "", breadcrumbParentHref: string = "", breadcrumbCurrent: string = "", highlights: string = []
|
|
Slots: none
|
|
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: class: string = "", currentPage: number = 1, totalPages: number = 1, previousHref: string = "", nextHref: string = "", pages: string = [], showNumbers: boolean = true, showSummary: boolean = true, totalItems: number = 0, pageSize: number = 10, compact: boolean = false, centered: boolean = false
|
|
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 = "Continue with a passkey", description: string = "Use fingerprint, face recognition, or device PIN", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = ""
|
|
Slots: none
|
|
Events: none
|
|
|
|
### PasswordInput
|
|
Mount: data-component="PasswordInput"
|
|
Category: forms
|
|
Props: class: string = "", id: string = "password", name: string = "password", label: string = "Password", value: string = "", placeholder: string = "Enter your password", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "current-password", revealable: boolean = true
|
|
Slots: none
|
|
Events: click
|
|
|
|
### 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: class: string = "", 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: class: string = "", 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
|
|
|
|
### ProductMegaMenu
|
|
Mount: data-component="ProductMegaMenu"
|
|
Category: core
|
|
Props: class: string = ""
|
|
Slots: none
|
|
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: class: string = "", 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: class: string = "", homeHref: string = "/", brandName: string = "WrNexus", brandTagline: string = "Identity Cloud", brandAriaLabel: string = "WrNexus home", brandIcon: string = "icon-[lucide--blocks]", brandDescription: string = "Secure authentication, user management, organizations, authorization, and enterprise identity for modern applications.", statusLabel: string = "All systems operational", statusHref: string = "/status", newsletterEyebrow: string = "WrNexus updates", newsletterTitle: string = "Identity insights delivered to your inbox", newsletterDescription: string = "Get product updates, security guidance, implementation strategies, and practical identity architecture resources.", newsletterAction: string = "/api/newsletter/subscribe", newsletterButtonLabel: string = "Subscribe", newsletterPlaceholder: string = "Enter your work email", newsletterSuccessMessage: string = "Thanks. Please check your inbox to confirm your subscription.", newsletterPrivacyLabel: string = "privacy policy", newsletterPrivacyHref: string = "/privacy", newsletterFinePrintPrefix: string = "No spam. Unsubscribe at any time. Read our", newsletterFinePrintSuffix: string = ".", newsletterEmailLabel: string = "Work email address", newsletterEmailName: string = "email", copyrightText: string = "© 2026 WrNexus. All rights reserved.", attributionText: string = "Built by WorkRoot Workspace.", showNewsletter: boolean = true, showSocialLinks: boolean = true, showThemeToggle: boolean = true, showStatus: boolean = true, showCookiePreferences: boolean = true, cookiePreferencesLabel: string = "Cookie preferences", themeLabel: string = "Theme", themeToggleLabel: string = "Toggle color theme", legalTitle: string = "Legal", socialLinks: PublicFooterLink[] = [], navigationColumns: PublicFooterColumn[] = [], legalLinks: PublicFooterLink[] = [], navigationAriaLabel: string = "Footer navigation"
|
|
Slots: navigation
|
|
Events: submit
|
|
|
|
### PublicHeader
|
|
Mount: data-component="PublicHeader"
|
|
Category: layout
|
|
Props: class: string = "", homeHref: string = "/", brandName: string = "WrNexus", brandTagline: string = "Identity Cloud", brandAriaLabel: string = "WrNexus home", brandIcon: string = "icon-[lucide--blocks]", pricingLabel: string = "Pricing", pricingHref: string = "/pricing", statusLabel: string = "All systems operational", statusHref: string = "/status", signInLabel: string = "Sign in", signInHref: string = "/sign-in", primaryLabel: string = "Start free", primaryHref: string = "/sign-up", showStatus: boolean = true, showThemeToggle: boolean = true, showSignIn: boolean = true, showPrimaryAction: boolean = true, productLabel: string = "Product", solutionsLabel: string = "Solutions", developersLabel: string = "Developers", resourcesLabel: string = "Resources", navigationAriaLabel: string = "Main navigation", themeToggleLabel: string = "Toggle color theme", mobileMenuOpenLabel: string = "Open navigation menu", mobileMenuCloseLabel: string = "Close navigation menu", navigationItems: PublicHeaderNavigationItem[] = [], actionItems: PublicHeaderActionItem[] = [], showNavigation: boolean = true, showMobileThemeToggle: boolean = true
|
|
Slots: navigation, actions
|
|
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
|
|
|
|
### PublicMobileNavigation
|
|
Mount: data-component="PublicMobileNavigation"
|
|
Category: core
|
|
Props: class: string = ""
|
|
Slots: none
|
|
Events: click
|
|
|
|
### PublicPageShell
|
|
Mount: data-component="PublicPageShell"
|
|
Category: layout
|
|
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
|
|
Slots: default
|
|
Events: none
|
|
|
|
### PublicSearch
|
|
Mount: data-component="PublicSearch"
|
|
Category: core
|
|
Props: class: string = "", query: string = "", placeholder: string = "Search...", label: string = "Search", action: string = "", method: string = "get", name: string = "q", buttonLabel: string = "", clearLabel: string = "Clear search", size: string = "default", centered: boolean = false, fullWidth: boolean = false, showShortcut: boolean = false, shortcutLabel: string = "⌘ K", suggestions: string = []
|
|
Slots: none
|
|
Events: input, focus, blur, click
|
|
|
|
### 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: class: string = "", 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: class: string = "", 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: class: string = ""
|
|
Slots: none
|
|
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: class: string = "", 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: class: string = "", 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: class: string = "", 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: class: string = "", 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 = "Sign in with password", description: string = "Use your username or email and password", href: string = "", type: string = "button", variant: string = "secondary", disabled: boolean = false, icon: string = "icon-[lucide--lock-keyhole]", tone: string = "password", class: string = ""
|
|
Slots: none
|
|
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
|
|
|
|
### SocialShare
|
|
Mount: data-component="SocialShare"
|
|
Category: core
|
|
Props: class: string = "", title: string = "Share this page", description: string = "", url: string = "", shareText: string = "", centered: boolean = false, compact: boolean = false, showTitle: boolean = true, showCopy: boolean = true, networks: string = []
|
|
Slots: none
|
|
Events: click
|
|
|
|
### 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: class: string = ""
|
|
Slots: none
|
|
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: class: string = "", 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: class: string = "", 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: class: string = "", status: string = "operational"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### StatusBanner
|
|
Mount: data-component="StatusBanner"
|
|
Category: core
|
|
Props: class: string = "", type: string = "info", title: string = "", description: string = "", actionLabel: string = "", actionHref: string = "", dismissible: boolean = true, compact: boolean = false, details: string = []
|
|
Slots: none
|
|
Events: click
|
|
|
|
### 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: class: string = "", 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: class: string = "", 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: class: string = "", 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: class: string = "", 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: class: string = "", 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: class: string = "", 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: class: string = "", 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: class: string = "", 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: class: string = "", 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: class: string = "", id: string = "timezone", name: string = "timezone", label: string = "Timezone"
|
|
Slots: none
|
|
Events: none
|
|
|
|
### Toast
|
|
Mount: data-component="Toast"
|
|
Category: core
|
|
Props: class: string = "", 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
|
|
|
|
### ToastHost
|
|
Mount: data-component="ToastHost"
|
|
Category: core
|
|
Props: class: string = ""
|
|
Slots: none
|
|
Events: click
|
|
|
|
### 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: class: string = "", 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: class: string = "", 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
|