checkbox|radio|switch: correct labelId formula issues with label slot (#1166) (4e00a9e)
datepicker: make table and month class props reactive (#1195) (47e526a)
solve several a11y issues (#1184) (bdabeb6)
table: prevent table paginate unsafe property inheritance (#1162) (e0d17c6)
table: solve a table columns ordering problem (#1171) (ccae595)
tabs|steps: replace falsly check with nullish check for default value prop (#1173) (eecd0c3)
taginput: prevent item removing when is disabled (#1177) (b17edb6)
tooltip: make arrowVariantClass class available (#1198) (58a4002)

Features

autocomplete: add v-model:active prop (#1193) (7f2871c)
button: support w3c WAI-ARIA pattern (#1185) (205e502)
carousel: support w3c WAI-ARIA pattern (#1180) (bab6b37)
collapse: add expanded prop (#1194) (6ead0ac)
collapse: support w3c WAI-ARIA pattern (#1186) (5d60eed)
dropdown: add closeOnScroll feature (bde7ab1)
dropdown: apply w3c WAI-ARIA (a11y) pattern (#1143) (b1db037)
dropdown: make closeOnOutside, selectOnFocus and selectOnClose configurable (#1182) (8e235f3)
field: change prop groupMultiline to multiline (#1200) (3b36782)
menu: support w3c WAI-ARIA pattern | add options prop (#1154) (b07cc5a)
programmatic: add programmatic instance count() function (#1161) (c9b7e25)
programmatic: make programmatic components devtools compatible (#1175) (40dd968)
skeleton: rename classes to match pattern (#1196) (9bf2b34)
slider: add slider thumb aria-labelledby connection to the field wrapper (#1165) (86d1d7e)
steps/tabs: remove prop destroyOnHide (#1138) (ce11b3e)
steps: support w3c WAI-ARIA pattern (#1183) (c0f9c9f)
table: rename prop debounceSearch to filterDebounce to match other props (#1176) (ceb15e8)
table: rename prop headerCheckable to checkableHeader to match other props (dac6748)
table: rename prop headerCheckable to checkableHeader to match other props (#1178) (a8324c9)
table: support w3c WAI-ARIA (a11y) pattern (#1135) (ee8c00e)
tabs: support w3c WAI-ARIA pattern (#1170) (2f55c88)
tabs: update tab html structure and classes (#1120) (72662d3)
taginput: move variant and size class to root element (#1197) (aef344b)
tooltip: support w3c WAI-ARIA pattern (#1146) (8e87a15)
unify HTML input based component classes (#1201) (f96628f)

Detailed Changes

following with the main release...

0.9.3

Diff

astagi

published 0.9.3 • 3 months ago

Changelog

Source

0.9.3 (2024-12-19)

Bug Fixes

autocomplete: solve input does not get cleared (#1151) (f0eccaf)
input: solve prop number declaration issue (#1150) (123dc6f)
table: solve mobileClass trigger issue (#1153) (226f19b)

0.9.2

Diff

astagi

published 0.9.2 • 3 months ago

Changelog

Source

0.9.2 (2024-12-02)

Bug Fixes

change crypto.randomUUID() with a sequential id generation (#1137) (52d3ea5)
performance: solve performance issues with child component registration (#1133) (d560007)
programmatic: make options interface extandable (#1118) (37e17f5)
notification: solve typo in NotificationProgrammaticOptions type (#1117) (16cf988)
tabs: set fixed role attribute values for Tab and TabItem (#1119) (c1afcf3)

Features

checkbox: support w3c WAI-ARIA (a11y) pattern (#1130) (6d189fe)
field: add unique label Id to field injection (#1129) (1561718)
radio: support w3c WAI-ARIA (a11y) pattern (#1132) (96255a8)
switch: support w3c WAI-ARIA (a11y) pattern (#1131) (60ec0d1)
tabs: update keyboard navigation to match W3C WAI standart (#1121) (58583a3)

0.9.1

Diff

astagi

published 0.9.1 • 4 months ago

Changelog

Source

0.9.1 (2024-11-15)

Bug Fixes

dropdown: solve closing issue when has multiple prop (#1109) (5443ec2)
programmatic: readd OrugaProgrammatic interface to the export (#1110) (44c7075)
programmatic: solve wrong events prop type (#1114) (0271e7e)
table: remove generic type strictness (#1107) (4592a9d)

These Changes are accumulated from all pre-releases.

Detailed Changes

Legend:

⚠️: breaking change
~ : changed
- : removed
+ : added
A -> B : renamed

Autocomplete

⚠️ ~ prop: data -> options (type changed)
⚠️ - prop: field (replaced by strict options type)
⚠️ - prop: formatter (replaced by strict options type)
⚠️ - prop: groupField (replaced by strict options type)
⚠️ - prop: groupOptions (replaced by strict options type)
+ prop: input (v-model:input)
+ prop: filter
- prop: validationMessage
+ prop: customValidity
+ event: update:input
+ type: remove modelValue type restrictions

Button

⚠️ ~ prop: nativeType -> type (to match same props from other component)
⚠️ ~ prop: role -> ariaRole (to match same props from other component)

Carousel

Checkbox

+ prop: id
- prop: validationMessage
+ prop: customValidity
+ type: remove modelValue type restrictions

Collapse

Datepicker

⚠️ ~ prop: dateCreator -> creator
⚠️ ~ prop: dateFormatter -> formatter
⚠️ ~ prop: dateParser -> parser
- prop: validationMessage
+ prop: customValidity

Datetimepicker

⚠️ ~ prop: datetimeCreator -> creator
⚠️ ~ prop: datetimeFormatter -> formatter
⚠️ ~ prop: datetimeParser -> parser
- prop: validationMessage
+ prop: customValidity

Dropdown

+ prop: options
+ prop: desktopModal
⚠️ ~ class: menuMobileOverlayClass -> overlayClass
+ class: modalClass
+ class: scrollClipClass
+ class: noScrollClass
+ type: remove modelValue type restrictions

Field

⚠️ ~ class: bodyHorizontalClass -> horizontalBodyClass
⚠️ ~ class: labelHorizontalClass -> horizontalLabelClass
⚠️ ~ class: variantLabelClass -> labelVariantClass
⚠️ ~ class: variantMessageClass -> messageVariantClass

Icon

Input

+ prop: debounce
+ prop: number
- prop: validationMessage
+ prop: customValidity
~ event: input (only emits string values)

Loading

- prop: container (only available in programmatic usage)
⚠️ - prop: onCancel
⚠️ - prop: onClose (only available in programmatic usage)
+ class: noScrollClass
+ class: scrollClipClass
⚠️ ~ programmatic: interface changed

Modal

- prop: container (only available in programmatic usage)
⚠️ - prop: destroyOnHide (no done by default for programmatic usage)
⚠️ - prop: onCancel
⚠️ - prop: onClose (only available in programmatic usage)
+ prop: overlay
⚠️ ~ programmatic: interface changed

Notification

~ prop: active (is not longer avaible in programmatic usage)
- prop: container (only available in programmatic usage)
⚠️ - prop: onCancel
⚠️ - prop: onClose (only available in programmatic usage)
⚠️ ~ programmatic: interface changed

Pagination

⚠️ ~ class: linkClass -> buttonClass
⚠️ ~ class: linkCurrentClass -> buttonCurrentClass
⚠️ ~ class: linkDisabledClass -> buttonDisabledClass
⚠️ ~ class: prevButtonClass -> buttonPrevClass
⚠️ ~ class: nextButtonClass -> buttonNextClass

Radio

+ prop: id
+ prop: customValidity
+ type: remove modelValue type restrictions

Select

⚠️ ~ prop: options (type changed)
- prop: validationMessage
+ prop: customValidity

Sidebar

~ prop: mobile (variable changed from fullwitdh to expanded)
- prop: variant
- prop: container (only available in programmatic usage)
⚠️ - prop: destroyOnHide (no done by default for programmatic usage)
⚠️ - prop: onCancel
⚠️ - prop: onClose (only available in programmatic usage)
⚠️ ~ programmatic: interface changed

Skeleton

Slider

+ prop: range
⚠️ ~ prop: customFormatter -> formatter

Steps

+ prop: options
⚠️ ~ class: itemHeaderClass -> navItemClass
⚠️ ~ class: itemHeaderVariantClass -> navItemVariantClass
⚠️ ~ class: itemHeaderActiveClass -> navItemActiveClass
⚠️ ~ class: itemHeaderPreviousClass -> navItemPreviousClass
+ class: navItemNextClass
⚠️ ~ class: stepLinkClass -> stepClass
⚠️ ~ class: stepLinkLabelPositionClass -> stepLabelPositionClass
⚠️ ~ class: stepLinkClickableClass -> stepClickableClass
+ class: stepActiveClass
+ class: stepDisabledClass
⚠️ ~ class: stepLinkLabelClass -> stepLabelClass
+ class: stepIconClass
⚠️ ~ class: itemClass -> stepPanelClass
⚠️ ~ class: rootClass (default class changed)
⚠️ ~ class: expandedClass (default class changed)
⚠️ ~ class: verticalClass (default class changed)
⚠️ ~ class: positionClass (default class changed)
⚠️ ~ class: animatedClass (default class changed)
⚠️ ~ class: stepsClass -> navClass
⚠️ ~ class: stepDividerClass -> dividerClass
⚠️ ~ class: stepMarkerClass -> markerClass
⚠️ ~ class: stepMarkerRoundedClass -> markerRoundedClass
⚠️ ~ class: stepContentClass -> contentClass
⚠️ ~ class: stepContentTransitioningClass -> transitioningClass
⚠️ ~ class: stepNavigationClass -> navigationClass
+ type: remove modelValue type restrictions

StepItem

+ prop: disabled

Switch

+ prop: id
+ prop: customValidity
+ type: remove modelValue type restrictions

Table

⚠️ ~ prop: column (type changed)
+ prop: customCompare
⚠️ ~ prop: customRowKey -> rowKey
⚠️ ~ prop: customIsChecked -> isRowChecked (to match other props name pattern)
⚠️ ~ props: hasDetailedVisible -> isDetailedVisible (to match other props name pattern)
- prop: detailKey (use rowKey instead)
+ props: emptyIcon
+ props: emptyIconSize
+ props: emptyLabel
+ props: filtersIcon
+ props: filtersPlaceholder
+ props: loadingIcon
+ props: loadingLabel
⚠️ ~ props: openedDetailed -> detailedRows (to match props name pattern)
+ props: selectable
+ props: tdAttrs
+ props: thAttrs
~ event: update:openedDetailed -> update:detailedRows
+ slots: before
+ slots: after

TableColumn

+ props: formatter
~ types: improve slots type

Tabs

⚠️ ~ class: navTabsClass -> navClass
⚠️ ~ class: itemWrapperClass -> navItemClass
⚠️ ~ class: itemClass -> tabPanelClass
⚠️ ~ class: itemHeaderActiveClass -> tabActiveClass
⚠️ ~ class: itemHeaderClass -> tabClass
⚠️ ~ class: itemHeaderDisabledClass -> tabDisabledClass
⚠️ ~ class: itemHeaderIconClass -> tabIconClass
⚠️ ~ class: itemHeaderTextClass -> tabLabelClass
⚠️ ~ class: itemHeaderTypeClass -> tabTypeClass
⚠️ ~ class: tabTextClass -> tabLabelClass
+ class: navItemActiveClass
+ class: navItemPreviousClass
+ class: navItemNextClass
+ props: options
+ type: remove modelValue type restrictions

Taginput

+ prop: input (v-model:input)
- props: allowAutocomplete
⚠️ ~ props: data -> options (type changed)
⚠️ - prop: field (replaced by strict options type)
⚠️ - prop: groupField (replaced by strict options type)
⚠️ - prop: groupOptions (replaced by strict options type)
⚠️ ~ props: beforeAdding -> validateItem
+ prop: filter
- prop: validationMessage
+ prop: customValidity
+ event: update:input

Timepicker

⚠️ ~ prop: timeCreator -> creator
⚠️ ~ prop: timeFormatter -> formatter
⚠️ ~ prop: timeParser -> parser
- prop: validationMessage
+ prop: customValidity

Tooltip

- prop: validationMessage
+ prop: customValidity

Upload

0.9.0

Diff

astagi

published 0.9.0 • 4 months ago

Changelog

Source

0.9.1 (2024-11-15)

Bug Fixes

dropdown: solve closing issue when has multiple prop (#1109) (5443ec2)
programmatic: readd OrugaProgrammatic interface to the export (#1110) (44c7075)
programmatic: solve wrong events prop type (#1114) (0271e7e)
table: remove generic type strictness (#1107) (4592a9d)

These Changes are accumulated from all pre-releases.

Detailed Changes

Legend:

⚠️: breaking change
~ : changed
- : removed
+ : added
A -> B : renamed

Autocomplete

⚠️ ~ prop: data -> options (type changed)
⚠️ - prop: field (replaced by strict options type)
⚠️ - prop: formatter (replaced by strict options type)
⚠️ - prop: groupField (replaced by strict options type)
⚠️ - prop: groupOptions (replaced by strict options type)
+ prop: input (v-model:input)
+ prop: filter
- prop: validationMessage
+ prop: customValidity
+ event: update:input
+ type: remove modelValue type restrictions

Button

⚠️ ~ prop: nativeType -> type (to match same props from other component)
⚠️ ~ prop: role -> ariaRole (to match same props from other component)

Carousel

Checkbox

+ prop: id
- prop: validationMessage
+ prop: customValidity
+ type: remove modelValue type restrictions

Collapse

Datepicker

⚠️ ~ prop: dateCreator -> creator
⚠️ ~ prop: dateFormatter -> formatter
⚠️ ~ prop: dateParser -> parser
- prop: validationMessage
+ prop: customValidity

Datetimepicker

⚠️ ~ prop: datetimeCreator -> creator
⚠️ ~ prop: datetimeFormatter -> formatter
⚠️ ~ prop: datetimeParser -> parser
- prop: validationMessage
+ prop: customValidity

Dropdown

+ prop: options
+ prop: desktopModal
⚠️ ~ class: menuMobileOverlayClass -> overlayClass
+ class: modalClass
+ class: scrollClipClass
+ class: noScrollClass
+ type: remove modelValue type restrictions

Field

⚠️ ~ class: bodyHorizontalClass -> horizontalBodyClass
⚠️ ~ class: labelHorizontalClass -> horizontalLabelClass
⚠️ ~ class: variantLabelClass -> labelVariantClass
⚠️ ~ class: variantMessageClass -> messageVariantClass

Icon

Input

+ prop: debounce
+ prop: number
- prop: validationMessage
+ prop: customValidity
~ event: input (only emits string values)

Loading

- prop: container (only available in programmatic usage)
⚠️ - prop: onCancel
⚠️ - prop: onClose (only available in programmatic usage)
+ class: noScrollClass
+ class: scrollClipClass
⚠️ ~ programmatic: interface changed

Modal

- prop: container (only available in programmatic usage)
⚠️ - prop: destroyOnHide (no done by default for programmatic usage)
⚠️ - prop: onCancel
⚠️ - prop: onClose (only available in programmatic usage)
+ prop: overlay
⚠️ ~ programmatic: interface changed

Notification

~ prop: active (is not longer avaible in programmatic usage)
- prop: container (only available in programmatic usage)
⚠️ - prop: onCancel
⚠️ - prop: onClose (only available in programmatic usage)
⚠️ ~ programmatic: interface changed

Pagination

⚠️ ~ class: linkClass -> buttonClass
⚠️ ~ class: linkCurrentClass -> buttonCurrentClass
⚠️ ~ class: linkDisabledClass -> buttonDisabledClass
⚠️ ~ class: prevButtonClass -> buttonPrevClass
⚠️ ~ class: nextButtonClass -> buttonNextClass

Radio

+ prop: id
+ prop: customValidity
+ type: remove modelValue type restrictions

Select

⚠️ ~ prop: options (type changed)
- prop: validationMessage
+ prop: customValidity

Sidebar

~ prop: mobile (variable changed from fullwitdh to expanded)
- prop: variant
- prop: container (only available in programmatic usage)
⚠️ - prop: destroyOnHide (no done by default for programmatic usage)
⚠️ - prop: onCancel
⚠️ - prop: onClose (only available in programmatic usage)
⚠️ ~ programmatic: interface changed

Skeleton

Slider

+ prop: range
⚠️ ~ prop: customFormatter -> formatter

Steps

+ prop: options
⚠️ ~ class: itemHeaderClass -> navItemClass
⚠️ ~ class: itemHeaderVariantClass -> navItemVariantClass
⚠️ ~ class: itemHeaderActiveClass -> navItemActiveClass
⚠️ ~ class: itemHeaderPreviousClass -> navItemPreviousClass
+ class: navItemNextClass
⚠️ ~ class: stepLinkClass -> stepClass
⚠️ ~ class: stepLinkLabelPositionClass -> stepLabelPositionClass
⚠️ ~ class: stepLinkClickableClass -> stepClickableClass
+ class: stepActiveClass
+ class: stepDisabledClass
⚠️ ~ class: stepLinkLabelClass -> stepLabelClass
+ class: stepIconClass
⚠️ ~ class: itemClass -> stepPanelClass
⚠️ ~ class: rootClass (default class changed)
⚠️ ~ class: expandedClass (default class changed)
⚠️ ~ class: verticalClass (default class changed)
⚠️ ~ class: positionClass (default class changed)
⚠️ ~ class: animatedClass (default class changed)
⚠️ ~ class: stepsClass -> navClass
⚠️ ~ class: stepDividerClass -> dividerClass
⚠️ ~ class: stepMarkerClass -> markerClass
⚠️ ~ class: stepMarkerRoundedClass -> markerRoundedClass
⚠️ ~ class: stepContentClass -> contentClass
⚠️ ~ class: stepContentTransitioningClass -> transitioningClass
⚠️ ~ class: stepNavigationClass -> navigationClass
+ type: remove modelValue type restrictions

StepItem

+ prop: disabled

Switch

+ prop: id
+ prop: customValidity
+ type: remove modelValue type restrictions

Table

⚠️ ~ prop: column (type changed)
+ prop: customCompare
⚠️ ~ prop: customRowKey -> rowKey
⚠️ ~ prop: customIsChecked -> isRowChecked (to match other props name pattern)
⚠️ ~ props: hasDetailedVisible -> isDetailedVisible (to match other props name pattern)
- prop: detailKey (use rowKey instead)
+ props: emptyIcon
+ props: emptyIconSize
+ props: emptyLabel
+ props: filtersIcon
+ props: filtersPlaceholder
+ props: loadingIcon
+ props: loadingLabel
⚠️ ~ props: openedDetailed -> detailedRows (to match props name pattern)
+ props: selectable
+ props: tdAttrs
+ props: thAttrs
~ event: update:openedDetailed -> update:detailedRows
+ slots: before
+ slots: after

TableColumn

+ props: formatter
~ types: improve slots type

Tabs

⚠️ ~ class: navTabsClass -> navClass
⚠️ ~ class: itemWrapperClass -> navItemClass
⚠️ ~ class: itemClass -> tabPanelClass
⚠️ ~ class: itemHeaderActiveClass -> tabActiveClass
⚠️ ~ class: itemHeaderClass -> tabClass
⚠️ ~ class: itemHeaderDisabledClass -> tabDisabledClass
⚠️ ~ class: itemHeaderIconClass -> tabIconClass
⚠️ ~ class: itemHeaderTextClass -> tabLabelClass
⚠️ ~ class: itemHeaderTypeClass -> tabTypeClass
⚠️ ~ class: tabTextClass -> tabLabelClass
+ class: navItemActiveClass
+ class: navItemPreviousClass
+ class: navItemNextClass
+ props: options
+ type: remove modelValue type restrictions

Taginput

+ prop: input (v-model:input)
- props: allowAutocomplete
⚠️ ~ props: data -> options (type changed)
⚠️ - prop: field (replaced by strict options type)
⚠️ - prop: groupField (replaced by strict options type)
⚠️ - prop: groupOptions (replaced by strict options type)
⚠️ ~ props: beforeAdding -> validateItem
+ prop: filter
- prop: validationMessage
+ prop: customValidity
+ event: update:input

Timepicker

⚠️ ~ prop: timeCreator -> creator
⚠️ ~ prop: timeFormatter -> formatter
⚠️ ~ prop: timeParser -> parser
- prop: validationMessage
+ prop: customValidity

Tooltip

- prop: validationMessage
+ prop: customValidity

Upload

0.9.0-pre.5

Diff

astagi

published 0.9.0-pre.5 • 4 months ago

Changelog

Source

0.9.0-pre.5 (2024-11-11)

Bug Fixes

datepicker: add missing scope to defineClasses (#1091) (277c2e0)
solve various issues (#1100) (d6b792f)

Features

input: move the left icon element before the input element (#1094) (7bf11e2)
menu: refactor class names to match other components class name patterns (#1097) (f3ce20a)

Detailed Changes

following with the main release...

0.9.0-pre.4

Diff

astagi

published 0.9.0-pre.4 • 4 months ago

Changelog

Source

0.9.0-pre.4 (2024-10-30)

Features

button: props name adjustment (#1088) (1296348)
dropdown: add toggle prop to trigger slot (#1086) (c9b51f3)
pagination: adjust class names to match other components class patterns (#1087) (54c3706)
steps: adjust class names to match other components class patterns (#1084) (6466757)

Detailed Changes

following with the main release...

0.9.0-pre.3

Diff

astagi

published 0.9.0-pre.3 • 5 months ago

Changelog

Source

0.9.0-pre.3 (2024-10-25)

Bug Fixes

1038: add vue-component-type-helpers as dependency (#1054) (33c0309)
a11y: remove unnecessary aria-hidden="true" on overlays (#1059) (f831f7f)
hydration: replace custom uuid with vues native useId composable (#1053) (d7091ff)
performance: resolve a memory leak in defineClasses with wrong/missing effectScope (#1067) (a1f53c2)
types: solve a type generation problems (#1072) (54f1409)

Features

1008: unify component options/items definiton (#1065) (16dfd09)
a11y: solve accessibility issues (#1061) (3615594)
dropdown: add modalDesktop property (#1064) (4819fb7)
field: rename class names to match existing class name patterns (#1047) (a2e9b8a)
loading: add body noscroll class when fullpage (#1074) (bbe2865)
picker: improve date/time picker class drilling (#1044) (5ec65c8)
programmatic: unfiy useProgramamtic interfaces (#1058) (80a0c5c)
sidebar: remove variant prop | improve prop definitions (#1046) (c6bd1bc)
steps: add root variantClass prop | update examples (#1049) (d795946)
table: add addons to internal mobile sort field wrapper (#1051) (781849e)
tabs|steps: add component prop to item (#1071) (d3ea497)
tabs: update class names (#1062) (4bfab60)
types: enhance component prop type (#1075) (73f3801)
types: update tsconfig | add strictNullChecks definition (#1066) (923f887)

Detailed Changes

following with the main release...

0.9.0-pre.2

Diff

astagi

published 0.9.0-pre.2 • 7 months ago

Changelog

Source

0.9.0-pre.2 (2024-08-08)

Bug Fixes

datetimepicker: solve editing directly not working correctly (#1026) (05e392e)
dropdown: prevent background scrolling on mobile (#1022) (bc1b497)
icon: adjust component prop type (#1028) (a656182)
table: emit check and check-all after reactive value got updated (#1031) (bf708ee)
table: solve an issue with isRowChecked prop (#1032) (9bcc478)
theme: solve an issue with class as string array definition (#1024) (754e1ee)

Features

allow custom constraint validation errors (#1023) (a465a22)
field: programmatically associate inputs with field messages (#1021) (6fc309f)
table: add icon/label to empty slot (#1030) (79a7ab9)
slider: rename customFormatter prop to formatter prop (#1033)

Detailed Changes

following with the main release...

2 3 4 5 6

@oruga-ui/oruga-next - npm Package Versions

0.10.0-pre.2

0.10.0-pre.1

Bug Fixes

Features

Detailed Changes

0.9.3

0.9.3 (2024-12-19)

Bug Fixes

0.9.2

0.9.2 (2024-12-02)

Bug Fixes

Features

0.9.1

0.9.1 (2024-11-15)

Bug Fixes

Detailed Changes

Autocomplete

Button

Carousel

Checkbox

Collapse

Datepicker

Datetimepicker

Dropdown

Field

Icon

Input

Loading

Menu

Modal

Notification

Pagination

Radio

Select

Sidebar

Skeleton

Slider

Steps

StepItem

Switch

Table

TableColumn

Tabs

Taginput

Timepicker

Tooltip

Upload

0.9.0

0.9.1 (2024-11-15)

Bug Fixes

Detailed Changes

Autocomplete

Button

Carousel

Checkbox

Collapse

Datepicker

Datetimepicker

Dropdown

Field

Icon

Input

Loading

Menu

Modal

Notification

Pagination

Radio

Select

Sidebar

Skeleton

Slider

Steps

StepItem

Switch

Table

TableColumn

Tabs

Taginput