` element.
*
* Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
*/
@@ -30,7 +30,7 @@ const ProgressIndicator = React.forwardRef(function ProgressIndicator(
const { renderElement } = useComponentRenderer({
propGetter: getRootProps,
- render: render ?? 'span',
+ render: render ?? 'div',
state,
className,
ref: forwardedRef,
@@ -44,7 +44,7 @@ const ProgressIndicator = React.forwardRef(function ProgressIndicator(
namespace ProgressIndicator {
export interface State extends ProgressRoot.State {}
- export interface Props extends BaseUIComponentProps<'span', State> {}
+ export interface Props extends BaseUIComponentProps<'div', State> {}
}
ProgressIndicator.propTypes /* remove-proptypes */ = {
diff --git a/packages/react/src/progress/track/ProgressTrack.test.tsx b/packages/react/src/progress/track/ProgressTrack.test.tsx
index a97fade699..5e4247b864 100644
--- a/packages/react/src/progress/track/ProgressTrack.test.tsx
+++ b/packages/react/src/progress/track/ProgressTrack.test.tsx
@@ -25,6 +25,6 @@ describe('
', () => {
{node},
);
},
- refInstanceof: window.HTMLSpanElement,
+ refInstanceof: window.HTMLDivElement,
}));
});
diff --git a/packages/react/src/progress/track/ProgressTrack.tsx b/packages/react/src/progress/track/ProgressTrack.tsx
index 26d36ccbd2..4ae80fdb0e 100644
--- a/packages/react/src/progress/track/ProgressTrack.tsx
+++ b/packages/react/src/progress/track/ProgressTrack.tsx
@@ -9,7 +9,7 @@ import { BaseUIComponentProps } from '../../utils/types';
/**
* Contains the progress bar indicator.
- * Renders a `
` element.
+ * Renders a `` element.
*
* Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
*/
@@ -22,7 +22,7 @@ const ProgressTrack = React.forwardRef(function ProgressTrack(
const { state } = useProgressRootContext();
const { renderElement } = useComponentRenderer({
- render: render ?? 'span',
+ render: render ?? 'div',
state,
className,
ref: forwardedRef,
@@ -36,7 +36,7 @@ const ProgressTrack = React.forwardRef(function ProgressTrack(
namespace ProgressTrack {
export interface State extends ProgressRoot.State {}
- export interface Props extends BaseUIComponentProps<'span', State> {}
+ export interface Props extends BaseUIComponentProps<'div', State> {}
}
ProgressTrack.propTypes /* remove-proptypes */ = {