release: WRNexusJS 0.3.4
This commit is contained in:
+28
-19
@@ -1,6 +1,6 @@
|
||||
# WRNexus UI component reference
|
||||
|
||||
This reference is generated from the 901 packaged `.wrn` component sources. Props marked required have no default; all others show their runtime default.
|
||||
This reference is generated from the 902 packaged `.wrn` component sources. Props marked required have no default; all others show their runtime default.
|
||||
|
||||
## Actions
|
||||
|
||||
@@ -45,8 +45,8 @@ Reusable back button component.
|
||||
Reusable button component.
|
||||
|
||||
- Mount: `data-component="Button"`
|
||||
- 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
|
||||
- Props: `label: string = "Button"`, `type: string = "button"`, `variant: string = "primary"`, `size: string = "md"`, `disabled: boolean = false`, `loading: boolean = false`, `icon: string = ""`, `iconPosition: string = "start"`, `fullWidth: boolean = false`, `className: string = ""`
|
||||
- Slots: `default`
|
||||
- Events: None
|
||||
|
||||
### CenteredCTA
|
||||
@@ -225,7 +225,7 @@ Reusable field actions component.
|
||||
Reusable final c t a component.
|
||||
|
||||
- Mount: `data-component="FinalCTA"`
|
||||
- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
|
||||
- Props: `label: string = "Get started"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
|
||||
- Slots: `default`
|
||||
- Events: None
|
||||
|
||||
@@ -992,7 +992,7 @@ Reusable certificate upload component.
|
||||
Reusable channel card component.
|
||||
|
||||
- Mount: `data-component="ChannelCard"`
|
||||
- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `icon: string = "icon-[lucide--radio-tower]"`, `class: string = ""`
|
||||
- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `icon: string = ""`, `actionLabel: string = ""`, `class: string = ""`
|
||||
- Slots: `default`
|
||||
- Events: None
|
||||
|
||||
@@ -1046,16 +1046,16 @@ Reusable code component.
|
||||
Reusable code block component.
|
||||
|
||||
- Mount: `data-component="CodeBlock"`
|
||||
- Props: `class: string = ""`, `language: string = "text"`, `filename: string = ""`, `code: string = ""`
|
||||
- Props: `language: string = "text"`, `title: string = ""`, `code: string = ""`, `copyable: boolean = true`, `class: string = ""`
|
||||
- Slots: None
|
||||
- Events: `click`
|
||||
- Events: None
|
||||
|
||||
### CodeTabs
|
||||
|
||||
Reusable code tabs component.
|
||||
|
||||
- Mount: `data-component="CodeTabs"`
|
||||
- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
|
||||
- Props: `class: string = ""`
|
||||
- Slots: `default`
|
||||
- Events: None
|
||||
|
||||
@@ -2126,7 +2126,7 @@ Reusable pricing contact form component.
|
||||
Reusable pricing plan card component.
|
||||
|
||||
- Mount: `data-component="PricingPlanCard"`
|
||||
- Props: `class: string = ""`, `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`, `badgeLabel: string = "Most popular"`, `ctaLabel: string = "Choose plan"`, `ctaHref: string = "#"`
|
||||
- Slots: `default`
|
||||
- Events: None
|
||||
|
||||
@@ -2135,7 +2135,7 @@ Reusable pricing plan card component.
|
||||
Reusable product card component.
|
||||
|
||||
- Mount: `data-component="ProductCard"`
|
||||
- Props: `eyebrow: string = "Product"`, `title: string = "Product name"`, `description: string = ""`, `href: string = "#"`, `actionLabel: string = "Learn more"`, `status: string = ""`, `class: string = ""`
|
||||
- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `status: string = ""`, `class: string = ""`
|
||||
- Slots: None
|
||||
- Events: None
|
||||
|
||||
@@ -2947,7 +2947,7 @@ Reusable chip component.
|
||||
Reusable cluster component.
|
||||
|
||||
- Mount: `data-component="Cluster"`
|
||||
- Props: `gap: string = "4"`, `className: string = ""`
|
||||
- Props: `class: string = ""`
|
||||
- Slots: `default`
|
||||
- Events: None
|
||||
|
||||
@@ -3320,6 +3320,15 @@ Reusable section heading component.
|
||||
- Slots: `default`
|
||||
- Events: None
|
||||
|
||||
### SegmentedButtonGroup
|
||||
|
||||
Reusable segmented button group component.
|
||||
|
||||
- Mount: `data-component="SegmentedButtonGroup"`
|
||||
- Props: `label: string = "Options"`, `items: string = []`, `active: string = ""`, `size: string = "md"`, `fullWidth: boolean = false`, `class: string = ""`
|
||||
- Slots: None
|
||||
- Events: `click`
|
||||
|
||||
### Select
|
||||
|
||||
Reusable select component.
|
||||
@@ -3894,7 +3903,7 @@ Reusable member list component.
|
||||
Reusable metric grid component.
|
||||
|
||||
- Mount: `data-component="MetricGrid"`
|
||||
- Props: `label: string = "Key metrics"`, `metrics: string = []`, `class: string = ""`
|
||||
- Props: `label: string = "Platform metrics"`, `metrics: string = []`, `compact: boolean = false`, `columns: number = 4`, `class: string = ""`
|
||||
- Slots: None
|
||||
- Events: None
|
||||
|
||||
@@ -3957,7 +3966,7 @@ Reusable policy version table component.
|
||||
Reusable pricing comparison table component.
|
||||
|
||||
- Mount: `data-component="PricingComparisonTable"`
|
||||
- Props: `caption: string = "Plan comparison"`, `plans: string = []`, `features: string = []`, `class: string = ""`
|
||||
- Props: `caption: string = "Plan comparison"`, `plans: string = []`, `features: string = []`, `featuredPlan: string = ""`, `class: string = ""`
|
||||
- Slots: None
|
||||
- Events: None
|
||||
|
||||
@@ -4146,7 +4155,7 @@ Reusable subprocessor table component.
|
||||
Reusable table component.
|
||||
|
||||
- Mount: `data-component="Table"`
|
||||
- Props: `class: string = ""`, `caption: string = "Data table"`, `responsive: boolean = true`
|
||||
- Props: `class: string = ""`, `caption: string = "Data table"`, `responsive: boolean = true`, `striped: boolean = false`, `hoverable: boolean = true`, `compact: boolean = false`
|
||||
- Slots: `default`
|
||||
- Events: None
|
||||
|
||||
@@ -4256,7 +4265,7 @@ Reusable api version badge component.
|
||||
Reusable badge component.
|
||||
|
||||
- Mount: `data-component="Badge"`
|
||||
- Props: `class: string = ""`, `label: string = ""`, `variant: string = "neutral"`
|
||||
- Props: `class: string = ""`, `label: string = ""`, `variant: string = "neutral"`, `size: string = "md"`
|
||||
- Slots: `default`
|
||||
- Events: None
|
||||
|
||||
@@ -4661,8 +4670,8 @@ Reusable privacy notice component.
|
||||
Reusable product status badge component.
|
||||
|
||||
- Mount: `data-component="ProductStatusBadge"`
|
||||
- Props: `label: string = "ProductStatus"`, `variant: string = "default"`, `class: string = ""`
|
||||
- Slots: `default`
|
||||
- Props: `label: string = "Available"`, `status: string = ""`, `class: string = ""`
|
||||
- Slots: None
|
||||
- Events: None
|
||||
|
||||
### RateLimitedState
|
||||
@@ -7765,8 +7774,8 @@ Reusable channel fallback diagram component.
|
||||
Reusable channel flow component.
|
||||
|
||||
- Mount: `data-component="ChannelFlow"`
|
||||
- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
|
||||
- Slots: `default`
|
||||
- Props: `class: string = ""`
|
||||
- Slots: None
|
||||
- Events: None
|
||||
|
||||
### ChecklistProgress
|
||||
|
||||
Reference in New Issue
Block a user