@@ -215,11 +249,16 @@ exports[`Splitter Splitter requires two SplitterPanel components to wrap. 1`] =
class="p-splitter-gutter"
data-p-splitter-gutter-resizing="false"
data-pc-section="gutter"
+ role="splitter"
style="width: 4px;"
>
@@ -251,6 +291,7 @@ exports[`Splitter Vertical layout 1`] = `
class="p-splitter-panel"
data-p-splitter-panel-nested="false"
data-pc-section="splitterpanel.root"
+ id="pr_id_2_0"
role="presentation"
style="flex-basis: calc(50% - 4px);"
>
@@ -260,11 +301,16 @@ exports[`Splitter Vertical layout 1`] = `
class="p-splitter-gutter"
data-p-splitter-gutter-resizing="false"
data-pc-section="gutter"
+ role="splitter"
style="height: 4px;"
>
diff --git a/components/lib/splitter/splitter.d.ts b/components/lib/splitter/splitter.d.ts
index 38747e0d11..d69f2f45db 100644
--- a/components/lib/splitter/splitter.d.ts
+++ b/components/lib/splitter/splitter.d.ts
@@ -105,7 +105,19 @@ export interface SplitterPassThroughOptions {
* Defines valid properties in SplitterPanel component.
* @group Properties
*/
-interface SplitterPanelProps {
+interface SplitterPanelProps extends Omit, HTMLDivElement>, 'ref'> {
+ /**
+ * Returns the value of element's id content attribute. Can be set to change it.
+ */
+ id?: string;
+ /**
+ * Establishes relationships between the splitter and panel label element IDs.
+ */
+ 'aria-labelledby'?: string | undefined;
+ /**
+ * Splitter handle ARIA label for screenreader support.
+ */
+ 'aria-label'?: string | undefined;
/**
* Size of the element relative to 100%.
*/