symfony · Kocal · Feb 17, 2026 · Feb 17, 2026
@@ -1,7 +1,7 @@
 {# @prop id string Unique identifier for the Accordion #}
-{# @prop multiple boolean Whether multiple items can be opened at once, default to `false` #}
+{# @prop multiple boolean Whether multiple items can be opened at once. Defaults to `false` #}
 {# @prop defaultValue string|array<string>|null Value(s) of the item(s) to open by default #}
-{# @prop orientation 'vertical'|'horizontal' The visual orientation, controls whether keyboard navigation uses up/down or left/right arrow keys, defaults to `vertical` #}
+{# @prop orientation 'vertical'|'horizontal' The visual orientation, controls whether keyboard navigation uses up/down or left/right arrow keys. Defaults to `vertical` #}
 {# @block content The accordion items, typically multiple `Accordion:Item` components #}
 {%- props id, multiple = false, defaultValue = null, orientation = 'vertical' -%}
 {%- set _accordion_id = id -%}

@@ -1,6 +1,6 @@
 {# @prop value string Unique value for this accordion item #}
-{# @prop open boolean Whether the item is open by default, default to `false` #}
-{# @prop disabled boolean Whether the item is disabled, default to `false` #}
+{# @prop open boolean Whether the item is open by default. Defaults to `false` #}
+{# @prop disabled boolean Whether the item is disabled. Defaults to `false` #}
 {# @block content The item content, typically an `Accordion:Trigger` and `Accordion:Content` #}
 {%- props value, open = false, disabled = false -%}
 {%- set _accordion_item_is_open = open or (_accordion_default_value == value or (_accordion_default_value is iterable and value in defaultValue)) -%}

@@ -1,4 +1,4 @@
-{# @prop variant 'default'|'secondary'|'destructive'|'outline'|'ghost'|'link' The button style variant, defaults to `default` #}
+{# @prop variant 'default'|'secondary'|'destructive'|'outline'|'ghost'|'link' The button style variant. Defaults to `default` #}
 {# @block content The action button label #}
 {%- props variant = 'default' -%}
 <twig:Button variant="{{ variant }}" {{ ...attributes }}>

@@ -1,4 +1,4 @@
-{# @prop variant 'default'|'destructive' The visual style variant, defaults to `default` #}
+{# @prop variant 'default'|'destructive' The visual style variant. Defaults to `default` #}
 {# @block content The alert content, typically includes `Alert:Title` and `Alert:Description` #}
 {%- props variant = 'default' -%}
 {%- set style = html_cva(

@@ -1,4 +1,4 @@
-{# @prop size 'default'|'sm'|'lg' The avatar size, defaults to `default` #}
+{# @prop size 'default'|'sm'|'lg' The avatar size. Defaults to `default` #}
 {# @block content The avatar content, typically an image or `Avatar:Fallback` #}
 {%- props size = 'default' -%}
 

@@ -1,5 +1,5 @@
-{# @prop variant 'default'|'secondary'|'destructive'|'outline' The visual style variant, defaults to `default` #}
-{# @prop as 'div' The HTML tag to render, defaults to `div` #}
+{# @prop variant 'default'|'secondary'|'destructive'|'outline' The visual style variant. Defaults to `default` #}
+{# @prop as 'div' The HTML tag to render. Defaults to `div` #}
 {# @block content The badge label or content #}
 {%- props variant = 'default', as = 'div' -%}
 {%- set style = html_cva(

@@ -1,4 +1,4 @@
-{# @prop orientation 'horizontal'|'vertical' The layout direction of the button group, defaults to `horizontal` #}
+{# @prop orientation 'horizontal'|'vertical' The layout direction of the button group. Defaults to `horizontal` #}
 {# @block content The grouped buttons and/or separators #}
 {%- props orientation = 'horizontal' -%}
 {%- set style = html_cva(

@@ -1,4 +1,4 @@
-{# @prop orientation 'horizontal'|'vertical' The separator orientation, defaults to `vertical` #}
+{# @prop orientation 'horizontal'|'vertical' The separator orientation. Defaults to `vertical` #}
 {# @block content Optional custom separator content #}
 {%- props orientation = 'vertical' -%}
 <twig:Separator

@@ -1,4 +1,4 @@
-{# @prop as 'div' The HTML tag to render, defaults to `div` #}
+{# @prop as 'div' The HTML tag to render. Defaults to `div` #}
 {# @block content The text content displayed in the button group #}
 {%- props as = 'div' -%}
 <{{ as }}

@@ -1,6 +1,6 @@
-{# @prop variant 'default'|'secondary'|'destructive'|'outline'|'ghost'|'link' The visual style variant, defaults to `default` #}
-{# @prop size 'default'|'xs'|'sm'|'lg'|'icon'|'icon-xs'|'icon-sm'|'icon-lg' The button size, defaults to `default` #}
-{# @prop as 'button' The HTML tag to render, defaults to `button` #}
+{# @prop variant 'default'|'secondary'|'destructive'|'outline'|'ghost'|'link' The visual style variant. Defaults to `default` #}
+{# @prop size 'default'|'xs'|'sm'|'lg'|'icon'|'icon-xs'|'icon-sm'|'icon-lg' The button size. Defaults to `default` #}
+{# @prop as 'button' The HTML tag to render. Defaults to `button` #}
 {# @block content The button label and/or icon #}
 {%- props variant = 'default', size = 'default', as = 'button' -%}
 {%- set style = html_cva(

@@ -1,4 +1,4 @@
-{# @prop open boolean Whether the dialog is open on initial render, defaults to `false` #}
+{# @prop open boolean Whether the dialog is open on initial render. Defaults to `false` #}
 {# @prop id string Unique identifier used to generate internal Dialog IDs #}
 {# @block content The dialog structure, typically includes `Dialog:Trigger` and `Dialog:Content` #}
 {%- props open = false, id -%}

@@ -1,4 +1,4 @@
-{# @prop showCloseButton boolean Whether to display the close button in the top-right corner, defaults to `true` #}
+{# @prop showCloseButton boolean Whether to display the close button in the top-right corner. Defaults to `true` #}
 {# @block content The dialog content, typically includes `Dialog:Header` and optionally `Dialog:Footer` #}
 {%- props showCloseButton = true -%}
 

@@ -1,4 +1,4 @@
-{# @prop variant 'default'|'icon' The media display style, defaults to `default` #}
+{# @prop variant 'default'|'icon' The media display style. Defaults to `default` #}
 {# @block content The visual element, typically an icon or illustration #}
 {%- props variant = 'default' -%}
 {%- set style = html_cva(

@@ -1,4 +1,4 @@
-{# @prop orientation 'vertical'|'horizontal'|'responsive' The layout direction of the field, defaults to `vertical` #}
+{# @prop orientation 'vertical'|'horizontal'|'responsive' The layout direction of the field. Defaults to `vertical` #}
 {# @block content The field content, typically includes `Field:Label` and form input(s) #}
 {%- props orientation = 'vertical' -%}
 {%- set style = html_cva(

@@ -1,4 +1,4 @@
-{# @prop errors array A list of error messages (strings or objects with a `message` property), defaults to `[]` #}
+{# @prop errors array A list of error messages (strings or objects with a `message` property). Defaults to `[]` #}
 {# @block content Custom error content, overrides the `errors` prop if provided #}
 {%- props errors = [] -%}
 {%- set slot_content -%}{%- block content %}{% endblock -%}{%- endset -%}

@@ -1,4 +1,4 @@
-{# @prop variant 'legend'|'label' The text size variant, defaults to `legend` #}
+{# @prop variant 'legend'|'label' The text size variant. Defaults to `legend` #}
 {# @block content The legend text for a fieldset #}
 {%- props variant = 'legend' -%}
 {%- set style = html_cva(

@@ -1,4 +1,4 @@
-{# @prop align 'inline-start'|'inline-end'|'block-start'|'block-end' The addon position relative to the input, defaults to `inline-start` #}
+{# @prop align 'inline-start'|'inline-end'|'block-start'|'block-end' The addon position relative to the input. Defaults to `inline-start` #}
 {# @block content The addon content, typically an icon or text #}
 {%- props align = 'inline-start' -%}
 {%- set style = html_cva(

@@ -1,6 +1,6 @@
-{# @prop type 'button'|'submit' The button type, defaults to `button` #}
-{# @prop variant 'default'|'secondary'|'destructive'|'outline'|'ghost'|'link' The visual style variant, defaults to `ghost` #}
-{# @prop size 'default'|'sm'|'lg'|'icon'|'icon-sm'|'icon-lg' The button size, defaults to `xs` #}
+{# @prop type 'button'|'submit' The button type. Defaults to `button` #}
+{# @prop variant 'default'|'secondary'|'destructive'|'outline'|'ghost'|'link' The visual style variant. Defaults to `ghost` #}
+{# @prop size 'default'|'sm'|'lg'|'icon'|'icon-sm'|'icon-lg' The button size. Defaults to `xs` #}
 {# @block content The button label and/or icon #}
 {%- props type = 'button', variant = 'ghost', size = 'xs' -%}
 {%- set style = html_cva(

@@ -1,6 +1,6 @@
-{# @prop variant 'default'|'outline'|'muted' The visual style variant, defaults to `default` #}
-{# @prop size 'default'|'sm' The item size, defaults to `default` #}
-{# @prop as 'div' The HTML tag to render, defaults to `div` #}
+{# @prop variant 'default'|'outline'|'muted' The visual style variant. Defaults to `default` #}
+{# @prop size 'default'|'sm' The item size. Defaults to `default` #}
+{# @prop as 'div' The HTML tag to render. Defaults to `div` #}
 {# @block content The item content, typically includes `Item:Media`, `Item:Content`, and/or `Item:Actions` #}
 {%- props variant = 'default', size = 'default', as = 'div' -%}
 {%- set style = html_cva(

@@ -1,4 +1,4 @@
-{# @prop variant 'default'|'icon'|'image' The media display style, defaults to `default` #}
+{# @prop variant 'default'|'icon'|'image' The media display style. Defaults to `default` #}
 {# @block content The visual element, typically an icon or image #}
 {%- props variant = 'default' -%}
 {%- set style = html_cva(

@@ -1,5 +1,5 @@
-{# @prop orientation 'horizontal'|'vertical' The separator orientation, defaults to `horizontal` #}
-{# @prop decorative bool Whether the separator is purely decorative (not semantic), defaults to `true` #}
+{# @prop orientation 'horizontal'|'vertical' The separator orientation. Defaults to `horizontal` #}
+{# @prop decorative bool Whether the separator is purely decorative (not semantic). Defaults to `true` #}
 {# @block content Optional custom separator content #}
 {%- props orientation = 'horizontal', decorative = true -%}
 <twig:Separator

@@ -1,4 +1,4 @@
-{# @prop active boolean Whether this is the current page, defaults to `false` #}
+{# @prop active boolean Whether this is the current page. Defaults to `false` #}
 {# @block content The page number or navigation icon #}
 {%- props active = false -%}
 <twig:Button

@@ -1,4 +1,4 @@
-{# @prop value integer The progress percentage (0-100), defaults to `0` #}
+{# @prop value integer The progress percentage (0-100). Defaults to `0` #}
 {%- props value = 0 -%}
 <div
     class="{{ 'relative h-4 w-full overflow-hidden rounded-full bg-secondary ' ~ attributes.render('class')|tailwind_merge }}"

@@ -1,5 +1,5 @@
-{# @prop orientation 'horizontal'|'vertical' The separator orientation, defaults to `horizontal` #}
-{# @prop decorative boolean Whether the separator is purely decorative (not semantic), defaults to `true` #}
+{# @prop orientation 'horizontal'|'vertical' The separator orientation. Defaults to `horizontal` #}
+{# @prop decorative boolean Whether the separator is purely decorative (not semantic). Defaults to `true` #}
 {%- props orientation = 'horizontal', decorative = true -%}
 {%- set style = html_cva(
     base: 'shrink-0 bg-border',

@@ -1,5 +1,5 @@
 {# @prop id string Unique identifier for the tooltip #}
-{# @prop delayDuration number Delay in milliseconds before showing the tooltip, defaults to `0` #}
+{# @prop delayDuration number Delay in milliseconds before showing the tooltip. Defaults to `0` #}
 {# @block content The tooltip structure, typically includes `Tooltip:Trigger` and `Tooltip:Content` #}
 {%- props id, delayDuration = 0 -%}
 {%- set _tooltip_id = id -%}

@@ -1,5 +1,5 @@
-{# @prop side 'top'|'right'|'bottom'|'left' The preferred side to display the tooltip, defaults to `top` #}
-{# @prop sideOffset number The distance in pixels from the trigger, defaults to `0` #}
+{# @prop side 'top'|'right'|'bottom'|'left' The preferred side to display the tooltip. Defaults to `top` #}
+{# @prop sideOffset number The distance in pixels from the trigger. Defaults to `0` #}
 {# @block content The tooltip text or content #}
 {%- props side = 'top', sideOffset = 0 -%}