diff --git a/components/doc/stepper/lineardoc.js b/components/doc/stepper/lineardoc.js
index 5c2454127d..85a5b1d5d5 100644
--- a/components/doc/stepper/lineardoc.js
+++ b/components/doc/stepper/lineardoc.js
@@ -10,7 +10,7 @@ export function LinearDoc(props) {
 
     const code = {
         basic: `
-<Stepper ref={stepperRef} style={{ flexBasis: '50rem' }}>
+<Stepper ref={stepperRef} style={{ flexBasis: '50rem' }} linear>
     <StepperPanel header="Header I">
         <div className="flex flex-column h-12rem">
             <div className="border-2 border-dashed surface-border border-round surface-ground flex-auto flex justify-content-center align-items-center font-medium">Content I</div>
@@ -49,7 +49,7 @@ export default function BasicDemo() {
 
     return (
     <div className="card flex justify-content-center">
-        <Stepper ref={stepperRef} style={{ flexBasis: '50rem' }}>
+        <Stepper ref={stepperRef} style={{ flexBasis: '50rem' }} linear>
             <StepperPanel header="Header I">
                 <div className="flex flex-column h-12rem">
                     <div className="border-2 border-dashed surface-border border-round surface-ground flex-auto flex justify-content-center align-items-center font-medium">Content I</div>
@@ -91,7 +91,7 @@ export default function BasicDemo() {
 
     return (
     <div className="card flex justify-content-center">
-        <Stepper ref={stepperRef} style={{ flexBasis: '50rem' }}>
+        <Stepper ref={stepperRef} style={{ flexBasis: '50rem' }} linear>
             <StepperPanel header="Header I">
                 <div className="flex flex-column h-12rem">
                     <div className="border-2 border-dashed surface-border border-round surface-ground flex-auto flex justify-content-center align-items-center font-medium">Content I</div>