WorkRoot/WRNexusJS
2
0
Fork 0
Code Issues Pull Requests Actions 27 Packages Projects Releases Wiki Activity

fix: normalize component boundary spacing

Browse Source
This commit is contained in:
Clintchiz
2026-07-19 20:08:14 +05:30
parent eaea2c5f72
commit c5326f7622
191 changed files with 1280 additions and 351 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/COMPONENTS.md
+64 -64
View File
@@ -297,7 +297,7 @@ Reusable hero secondary action component.
Reusable icon button component.
- Mount: `data-component="IconButton"`
- Props: `label: string = "Action"`, `icon: string = "•"`, `variant: string = "ghost"`, `disabled: boolean = false`
- Props: `class: string = ""`, `label: string = "Action"`, `icon: string = "•"`, `variant: string = "ghost"`, `disabled: boolean = false`
- Slots: None
- Events: None
@@ -650,7 +650,7 @@ Reusable accessible tooltip component.
Reusable accordion component.
- Mount: `data-component="Accordion"`
- Props: `title: string = "Question"`, `open: boolean = false`
- Props: `class: string = ""`, `title: string = "Question"`, `open: boolean = false`
- Slots: `default`
- Events: `click`
@@ -695,7 +695,7 @@ Reusable analytics dashboard preview component.
Reusable api endpoint card component.
- Mount: `data-component="ApiEndpointCard"`
- Props: `method: string = "GET"`, `path: string = "/api/example"`, `description: string = ""`
- Props: `class: string = ""`, `method: string = "GET"`, `path: string = "/api/example"`, `description: string = ""`
- Slots: `default`
- Events: None
@@ -830,7 +830,7 @@ Reusable availability calendar component.
Reusable avatar component.
- Mount: `data-component="Avatar"`
- Props: `src: string = ""`, `alt: string = ""`, `initials: string = "WR"`, `size: string = "md"`
- Props: `class: string = ""`, `src: string = ""`, `alt: string = ""`, `initials: string = "WR"`, `size: string = "md"`
- Slots: None
- Events: None
@@ -1055,7 +1055,7 @@ Reusable code component.
Reusable code block component.
- Mount: `data-component="CodeBlock"`
- Props: `language: string = "text"`, `filename: string = ""`, `code: string = ""`
- Props: `class: string = ""`, `language: string = "text"`, `filename: string = ""`, `code: string = ""`
- Slots: None
- Events: `click`
@@ -1460,7 +1460,7 @@ Reusable favicon upload component.
Reusable feature card component.
- Mount: `data-component="FeatureCard"`
- Props: `icon: string = "✦"`, `title: string = "Feature"`, `description: string = ""`, `href: string = ""`
- Props: `class: string = ""`, `icon: string = "✦"`, `title: string = "Feature"`, `description: string = ""`, `href: string = ""`
- Slots: None
- Events: None
@@ -1514,7 +1514,7 @@ Reusable file size label component.
Reusable file upload component.
- Mount: `data-component="FileUpload"`
- Props: `id: string = "file"`, `name: string = "file"`, `label: string = "Upload file"`, `accept: string = ""`, `multiple: boolean = false`, `help: string = "Drag and drop or browse"`
- 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
@@ -1559,7 +1559,7 @@ Reusable form component.
Reusable form error summary component.
- Mount: `data-component="FormErrorSummary"`
- Props: `title: string = "Please fix the following"`, `visible: boolean = true`
- Props: `class: string = ""`, `title: string = "Please fix the following"`, `visible: boolean = true`
- Slots: `default`
- Events: None
@@ -2135,7 +2135,7 @@ Reusable pricing contact form component.
Reusable pricing plan card component.
- Mount: `data-component="PricingPlanCard"`
- Props: `name: string = "Starter"`, `description: string = ""`, `price: string = "₹0"`, `period: string = "/month"`, `featured: boolean = false`, `ctaLabel: string = "Choose plan"`, `ctaHref: string = "#"`
- 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
@@ -2531,7 +2531,7 @@ Reusable sms composer component.
Reusable stat card component.
- Mount: `data-component="StatCard"`
- Props: `label: string = "Metric"`, `value: string = "0"`, `change: string = ""`, `trend: string = "neutral"`
- Props: `class: string = ""`, `label: string = "Metric"`, `value: string = "0"`, `change: string = ""`, `trend: string = "neutral"`
- Slots: None
- Events: None
@@ -2576,7 +2576,7 @@ Reusable support request form component.
Reusable tabs component.
- Mount: `data-component="Tabs"`
- Props: `active: string = "first"`
- Props: `class: string = ""`, `active: string = "first"`
- Slots: `first`, `second`
- Events: `click`
@@ -2612,7 +2612,7 @@ Reusable terminal block component.
Reusable testimonial card component.
- Mount: `data-component="TestimonialCard"`
- Props: `quote: string = "Great product."`, `name: string = "Customer"`, `role: string = ""`, `company: string = ""`, `avatar: string = ""`
- Props: `class: string = ""`, `quote: string = "Great product."`, `name: string = "Customer"`, `role: string = ""`, `company: string = ""`, `avatar: string = ""`
- Slots: None
- Events: None
@@ -2639,7 +2639,7 @@ Reusable theme switcher component.
Reusable timeline item component.
- Mount: `data-component="TimelineItem"`
- Props: `title: string = "Event"`, `date: string = ""`, `description: string = ""`, `status: string = "default"`
- Props: `class: string = ""`, `title: string = "Event"`, `date: string = ""`, `description: string = ""`, `status: string = "default"`
- Slots: None
- Events: None
@@ -2657,7 +2657,7 @@ Reusable toast icon component.
Reusable tooltip component.
- Mount: `data-component="Tooltip"`
- Props: `text: string = "Helpful information"`, `position: string = "top"`
- Props: `class: string = ""`, `text: string = "Helpful information"`, `position: string = "top"`
- Slots: `default`
- Events: None
@@ -2884,7 +2884,7 @@ Reusable zoom slider component.
Reusable announcement bar component.
- Mount: `data-component="AnnouncementBar"`
- Props: `badge: string = "New"`, `message: string = "WrNexus Organizations is now available."`, `description: string = "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO."`, `href: string = "/organizations"`, `actionLabel: string = "Explore organizations"`, `ariaLabel: string = "Announcement"`
- 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"`
- Slots: None
- Events: `click`
@@ -2902,7 +2902,7 @@ Reusable aspect ratio component.
Reusable back to top component.
- Mount: `data-component="BackToTop"`
- Props: `label: string = "Back to top"`, `assistiveLabel: string = "Return to the top of the page"`, `threshold: number = 500`
- Props: `class: string = ""`, `label: string = "Back to top"`, `assistiveLabel: string = "Return to the top of the page"`, `threshold: number = 500`
- Slots: None
- Events: `click`
@@ -2911,7 +2911,7 @@ Reusable back to top component.
Reusable breadcrumbs component.
- Mount: `data-component="Breadcrumbs"`
- Props: `homeLabel: string = "Home"`, `homeHref: string = "/"`, `current: string = "Current page"`
- Props: `class: string = ""`, `homeLabel: string = "Home"`, `homeHref: string = "/"`, `current: string = "Current page"`
- Slots: None
- Events: None
@@ -2920,7 +2920,7 @@ Reusable breadcrumbs component.
Reusable checkbox component.
- Mount: `data-component="Checkbox"`
- Props: `id: string = ""`, `name: string = ""`, `label: string = "Checkbox"`, `description: string = ""`, `checked: boolean = false`, `disabled: boolean = false`
- Props: `class: string = ""`, `id: string = ""`, `name: string = ""`, `label: string = "Checkbox"`, `description: string = ""`, `checked: boolean = false`, `disabled: boolean = false`
- Slots: None
- Events: None
@@ -2992,7 +2992,7 @@ Reusable divider component.
Reusable drawer component.
- Mount: `data-component="Drawer"`
- Props: `title: string = "Panel"`, `open: boolean = false`, `side: string = "right"`
- Props: `class: string = ""`, `title: string = "Panel"`, `open: boolean = false`, `side: string = "right"`
- Slots: `default`
- Events: `click`
@@ -3001,7 +3001,7 @@ Reusable drawer component.
Reusable faq component.
- Mount: `data-component="FAQ"`
- Props: `eyebrow: string = ""`, `title: string = "Frequently asked questions"`, `description: string = ""`, `items: string = []`, `centered: boolean = true`, `allowMultiple: boolean = false`, `defaultOpenIndex: number = 0`
- 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
@@ -3010,7 +3010,7 @@ Reusable faq component.
Reusable faqaccordion component.
- Mount: `data-component="FAQAccordion"`
- Props: `eyebrow: string = ""`, `title: string = "Frequently asked questions"`, `description: string = ""`, `items: string = []`, `centered: boolean = true`, `compact: boolean = false`, `allowMultiple: boolean = false`, `defaultOpenIndex: number = 0`, `showContact: boolean = false`, `contactText: string = "Still have questions?"`, `contactLabel: string = "Contact support"`, `contactHref: string = "/support"`
- 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`
@@ -3109,7 +3109,7 @@ Reusable link component.
Reusable logo cloud component.
- Mount: `data-component="LogoCloud"`
- Props: `title: string = "Trusted by modern teams"`
- Props: `class: string = ""`, `title: string = "Trusted by modern teams"`
- Slots: `default`
- Events: None
@@ -3118,7 +3118,7 @@ Reusable logo cloud component.
Reusable modal component.
- Mount: `data-component="Modal"`
- Props: `title: string = "Dialog"`, `description: string = ""`, `open: boolean = false`, `size: string = "md"`, `closeLabel: string = "Close"`
- Props: `class: string = ""`, `title: string = "Dialog"`, `description: string = ""`, `open: boolean = false`, `size: string = "md"`, `closeLabel: string = "Close"`
- Slots: `default`
- Events: `click`
@@ -3172,7 +3172,7 @@ Reusable page shell component.
Reusable pagination component.
- Mount: `data-component="Pagination"`
- Props: `page: number = 1`, `totalPages: number = 1`, `previousHref: string = "#"`, `nextHref: string = "#"`
- Props: `class: string = ""`, `page: number = 1`, `totalPages: number = 1`, `previousHref: string = "#"`, `nextHref: string = "#"`
- Slots: None
- Events: None
@@ -3199,7 +3199,7 @@ Reusable progress component.
Reusable progress bar component.
- Mount: `data-component="ProgressBar"`
- Props: `value: number = 0`, `max: number = 100`, `label: string = "Progress"`, `showValue: boolean = true`
- Props: `class: string = ""`, `value: number = 0`, `max: number = 100`, `label: string = "Progress"`, `showValue: boolean = true`
- Slots: None
- Events: None
@@ -3208,7 +3208,7 @@ Reusable progress bar component.
Reusable public footer component.
- Mount: `data-component="PublicFooter"`
- Props: `brand: string = "WRNexusJS"`, `description: string = "SSR-first, Bun-native full-stack framework."`, `copyright: string = "© 2026 WorkRoot Workspace"`
- Props: `class: string = ""`, `brand: string = "WRNexusJS"`, `description: string = "SSR-first, Bun-native full-stack framework."`, `copyright: string = "© 2026 WorkRoot Workspace"`
- Slots: `default`
- Events: None
@@ -3217,7 +3217,7 @@ Reusable public footer component.
Reusable radio component.
- Mount: `data-component="Radio"`
- Props: `id: string = ""`, `name: string = "choice"`, `value: string = ""`, `label: string = "Option"`, `description: string = ""`, `checked: boolean = false`, `disabled: boolean = false`
- 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
@@ -3253,7 +3253,7 @@ Reusable section heading component.
Reusable select component.
- Mount: `data-component="Select"`
- Props: `id: string = ""`, `name: string = ""`, `label: string = "Select"`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`
- Props: `class: string = ""`, `id: string = ""`, `name: string = ""`, `label: string = "Select"`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`
- Slots: `default`
- Events: None
@@ -3271,7 +3271,7 @@ Reusable spacer component.
Reusable spinner component.
- Mount: `data-component="Spinner"`
- Props: `label: string = "Loading"`, `size: string = "md"`
- Props: `class: string = ""`, `label: string = "Loading"`, `size: string = "md"`
- Slots: None
- Events: None
@@ -3316,7 +3316,7 @@ Reusable surface component.
Reusable switch component.
- Mount: `data-component="Switch"`
- Props: `id: string = ""`, `name: string = ""`, `label: string = "Switch"`, `description: string = ""`, `checked: boolean = false`, `disabled: boolean = false`
- Props: `class: string = ""`, `id: string = ""`, `name: string = ""`, `label: string = "Switch"`, `description: string = ""`, `checked: boolean = false`, `disabled: boolean = false`
- Slots: None
- Events: `click`
@@ -3334,7 +3334,7 @@ Reusable tag component.
Reusable textarea component.
- Mount: `data-component="Textarea"`
- Props: `id: string = ""`, `name: string = ""`, `label: string = "Message"`, `value: string = ""`, `placeholder: string = ""`, `rows: number = 5`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`
- 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
@@ -3352,7 +3352,7 @@ Reusable theme-toggle component.
Reusable toast component.
- Mount: `data-component="Toast"`
- Props: `title: string = "Saved"`, `description: string = ""`, `variant: string = "success"`, `duration: number = 5000`
- Props: `class: string = ""`, `title: string = "Saved"`, `description: string = ""`, `variant: string = "success"`, `duration: number = 5000`
- Slots: None
- Events: `click`
@@ -4047,7 +4047,7 @@ Reusable subprocessor table component.
Reusable table component.
- Mount: `data-component="Table"`
- Props: `caption: string = "Data table"`, `responsive: boolean = true`
- Props: `class: string = ""`, `caption: string = "Data table"`, `responsive: boolean = true`
- Slots: `default`
- Events: None
@@ -4121,7 +4121,7 @@ Reusable account status banner component.
Reusable alert component.
- Mount: `data-component="Alert"`
- Props: `title: string = "Notice"`, `description: string = ""`, `variant: string = "info"`, `dismissible: boolean = false`
- Props: `class: string = ""`, `title: string = "Notice"`, `description: string = ""`, `variant: string = "info"`, `dismissible: boolean = false`
- Slots: `default`
- Events: `click`
@@ -4166,7 +4166,7 @@ Reusable api version badge component.
Reusable badge component.
- Mount: `data-component="Badge"`
- Props: `label: string = "Badge"`, `variant: string = "neutral"`
- Props: `class: string = ""`, `label: string = "Badge"`, `variant: string = "neutral"`
- Slots: None
- Events: None
@@ -4175,7 +4175,7 @@ Reusable badge component.
Reusable banner component.
- Mount: `data-component="Banner"`
- Props: `text: string = "Announcement"`, `href: string = ""`, `actionLabel: string = "Learn more"`, `variant: string = "brand"`
- Props: `class: string = ""`, `text: string = "Announcement"`, `href: string = ""`, `actionLabel: string = "Learn more"`, `variant: string = "brand"`
- Slots: None
- Events: None
@@ -4265,7 +4265,7 @@ Reusable coming soon state component.
Reusable cookie banner component.
- Mount: `data-component="CookieBanner"`
- Props: `title: string = "We use cookies"`, `description: string = "We use essential cookies and optional analytics to improve your experience."`, `privacyHref: string = "/privacy"`
- 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`
@@ -4292,7 +4292,7 @@ Reusable deprecated feature alert component.
Reusable empty state component.
- Mount: `data-component="EmptyState"`
- Props: `icon: string = "◇"`, `title: string = "Nothing here yet"`, `description: string = ""`, `actionLabel: string = ""`, `actionHref: string = "#"`
- Props: `class: string = ""`, `icon: string = "◇"`, `title: string = "Nothing here yet"`, `description: string = ""`, `actionLabel: string = ""`, `actionHref: string = "#"`
- Slots: None
- Events: None
@@ -4301,7 +4301,7 @@ Reusable empty state component.
Reusable error state component.
- Mount: `data-component="ErrorState"`
- Props: `code: string = "500"`, `title: string = "Something went wrong"`, `description: string = "Please try again."`, `actionLabel: string = "Try again"`, `actionHref: string = "/"`
- Props: `class: string = ""`, `code: string = "500"`, `title: string = "Something went wrong"`, `description: string = "Please try again."`, `actionLabel: string = "Try again"`, `actionHref: string = "/"`
- Slots: None
- Events: None
@@ -4688,7 +4688,7 @@ Reusable sms segment counter component.
Reusable status badge component.
- Mount: `data-component="StatusBadge"`
- Props: `status: string = "operational"`
- Props: `class: string = ""`, `status: string = "operational"`
- Slots: None
- Events: None
@@ -5167,7 +5167,7 @@ Reusable current password input component.
Reusable date input component.
- Mount: `data-component="DateInput"`
- Props: `id: string = ""`, `name: string = ""`, `label: string = "Date"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
- 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
@@ -5176,7 +5176,7 @@ Reusable date input component.
Reusable date picker component.
- Mount: `data-component="DatePicker"`
- Props: `id: string = "date"`, `name: string = "date"`, `label: string = "Date"`, `value: string = ""`, `min: string = ""`, `max: string = ""`, `required: boolean = false`
- 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
@@ -5185,7 +5185,7 @@ Reusable date picker component.
Reusable date range picker component.
- Mount: `data-component="DateRangePicker"`
- Props: `label: string = "Date range"`, `startName: string = "startDate"`, `endName: string = "endDate"`
- Props: `class: string = ""`, `label: string = "Date range"`, `startName: string = "startDate"`, `endName: string = "endDate"`
- Slots: None
- Events: None
@@ -5194,7 +5194,7 @@ Reusable date range picker component.
Reusable date time input component.
- Mount: `data-component="DateTimeInput"`
- Props: `id: string = ""`, `name: string = ""`, `label: string = "DateTime"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
- 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
@@ -5293,7 +5293,7 @@ Reusable email body editor component.
Reusable email input component.
- Mount: `data-component="EmailInput"`
- Props: `id: string = ""`, `name: string = ""`, `label: string = "Email"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
- Props: `class: string = ""`, `id: string = ""`, `name: string = ""`, `label: string = "Email"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
- Slots: None
- Events: None
@@ -5401,7 +5401,7 @@ Reusable font weight picker component.
Reusable form field component.
- Mount: `data-component="FormField"`
- Props: `label: string = "Field"`, `help: string = ""`, `error: string = ""`, `required: boolean = false`
- Props: `class: string = ""`, `label: string = "Field"`, `help: string = ""`, `error: string = ""`, `required: boolean = false`
- Slots: `default`
- Events: None
@@ -5824,7 +5824,7 @@ Reusable new password input component.
Reusable number input component.
- Mount: `data-component="NumberInput"`
- Props: `id: string = ""`, `name: string = ""`, `label: string = "Number"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
- 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
@@ -5842,7 +5842,7 @@ Reusable organization selector component.
Reusable otp input component.
- Mount: `data-component="OtpInput"`
- Props: `name: string = "otp"`, `length: number = 6`, `label: string = "Verification code"`
- Props: `class: string = ""`, `name: string = "otp"`, `length: number = 6`, `label: string = "Verification code"`
- Slots: None
- Events: None
@@ -5851,7 +5851,7 @@ Reusable otp input component.
Reusable password input component.
- Mount: `data-component="PasswordInput"`
- Props: `id: string = ""`, `name: string = ""`, `label: string = "Password"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
- Props: `class: string = ""`, `id: string = ""`, `name: string = ""`, `label: string = "Password"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
- Slots: None
- Events: None
@@ -5896,7 +5896,7 @@ Reusable permission selector component.
Reusable phone input component.
- Mount: `data-component="PhoneInput"`
- Props: `id: string = ""`, `name: string = ""`, `label: string = "Phone"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
- 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
@@ -6085,7 +6085,7 @@ Reusable quiet hours picker component.
Reusable radio group component.
- Mount: `data-component="RadioGroup"`
- Props: `label: string = "Choose one"`, `name: string = "choice"`
- Props: `class: string = ""`, `label: string = "Choose one"`, `name: string = "choice"`
- Slots: `default`
- Events: None
@@ -6256,7 +6256,7 @@ Reusable schedule message picker component.
Reusable schedule picker component.
- Mount: `data-component="SchedulePicker"`
- Props: `label: string = "Schedule"`
- Props: `class: string = ""`, `label: string = "Schedule"`
- Slots: None
- Events: None
@@ -6274,7 +6274,7 @@ Reusable sdk language selector component.
Reusable search input component.
- Mount: `data-component="SearchInput"`
- Props: `id: string = ""`, `name: string = ""`, `label: string = "Search"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
- 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
@@ -6454,7 +6454,7 @@ Reusable template variable input component.
Reusable text input component.
- Mount: `data-component="TextInput"`
- Props: `id: string = ""`, `name: string = ""`, `label: string = "Text"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
- 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
@@ -6472,7 +6472,7 @@ Reusable theme color picker component.
Reusable time input component.
- Mount: `data-component="TimeInput"`
- Props: `id: string = ""`, `name: string = ""`, `label: string = "Time"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
- 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
@@ -6517,7 +6517,7 @@ Reusable timezone aware time picker component.
Reusable timezone selector component.
- Mount: `data-component="TimezoneSelector"`
- Props: `id: string = "timezone"`, `name: string = "timezone"`, `label: string = "Timezone"`
- Props: `class: string = ""`, `id: string = "timezone"`, `name: string = "timezone"`, `label: string = "Timezone"`
- Slots: None
- Events: None
@@ -6553,7 +6553,7 @@ Reusable token input component.
Reusable url input component.
- Mount: `data-component="UrlInput"`
- Props: `id: string = ""`, `name: string = ""`, `label: string = "Url"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
- 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
@@ -6834,7 +6834,7 @@ Reusable contact page shell component.
Reusable c t a section component.
- Mount: `data-component="CTASection"`
- Props: `eyebrow: string = "Ready?"`, `title: string = "Start building today"`, `description: string = ""`, `primaryLabel: string = "Get started"`, `primaryHref: string = "#"`, `secondaryLabel: string = "Contact sales"`, `secondaryHref: string = "#"`
- 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
@@ -6933,7 +6933,7 @@ Reusable header component.
Reusable hero component.
- Mount: `data-component="Hero"`
- Props: `eyebrow: string = ""`, `title: string = "Build faster with WRNexusJS"`, `highlight: string = ""`, `description: string = ""`, `primaryLabel: string = "Get started"`, `primaryHref: string = "#"`, `secondaryLabel: string = "Learn more"`, `secondaryHref: string = "#"`, `align: string = "center"`
- 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
@@ -6969,7 +6969,7 @@ Reusable legal document header component.
Reusable legal document layout component.
- Mount: `data-component="LegalDocumentLayout"`
- Props: `title: string = "Legal document"`, `effectiveDate: string = ""`, `updatedDate: string = ""`
- Props: `class: string = ""`, `title: string = "Legal document"`, `effectiveDate: string = ""`, `updatedDate: string = ""`
- Slots: `toc`, `default`
- Events: None
@@ -7113,7 +7113,7 @@ Reusable product page shell component.
Reusable public header component.
- Mount: `data-component="PublicHeader"`
- Props: `brand: string = "WRNexusJS"`, `homeHref: string = "/"`, `signInHref: string = "/signin"`, `ctaHref: string = "/start"`, `ctaLabel: string = "Get started"`
- Props: `class: string = ""`, `brand: string = "WRNexusJS"`, `homeHref: string = "/"`, `signInHref: string = "/signin"`, `ctaHref: string = "/start"`, `ctaLabel: string = "Get started"`
- Slots: `default`, `mobile`
- Events: `click`
@@ -7176,7 +7176,7 @@ Reusable section component.
Reusable section header component.
- Mount: `data-component="SectionHeader"`
- Props: `eyebrow: string = ""`, `title: string = "Section title"`, `description: string = ""`, `align: string = "left"`
- Props: `class: string = ""`, `eyebrow: string = ""`, `title: string = "Section title"`, `description: string = ""`, `align: string = "left"`
- Slots: `default`
- Events: None
@@ -7439,7 +7439,7 @@ Reusable developers menu component.
Reusable dropdown menu component.
- Mount: `data-component="DropdownMenu"`
- Props: `label: string = "Menu"`
- Props: `class: string = ""`, `label: string = "Menu"`
- Slots: `default`
- Events: `click`
@@ -7972,7 +7972,7 @@ Reusable tenant isolation diagram component.
Reusable timeline component.
- Mount: `data-component="Timeline"`
- Props: `title: string = "Timeline"`
- Props: `class: string = ""`, `title: string = "Timeline"`
- Slots: `default`
- Events: None