> For the complete documentation index, see [llms.txt](https://shinyongjun.gitbook.io/react-fullpage/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shinyongjun.gitbook.io/react-fullpage/docs/transitionduration.md).

# transitionDuration

### transitionDuration

* component : \<FullpageContainer />
* requird : false
* type : number
* default : 700

Section 전환 속도를 설정합니다.

```tsx
'use client';

import { useState } from 'react';
import { FullpageContainer, FullpageSection } from '@shinyongjun/react-fullpage';
import '@shinyongjun/react-fullpage/css';

function ExampleComponent() {
  const [activeIndex, setActiveIndex] = useState<number>(0);

  return (
    <FullpageContainer
      activeIndex={activeIndex}
      setActiveIndex={setActiveIndex}
      transitionDuration={1000}
    >
      <FullpageSection>
        <div>Section 1</div>
      </FullpageSection>
      <FullpageSection>
        <div>Section 2</div>
      </FullpageSection>
      <FullpageSection>
        <div>Section 3</div>
      </FullpageSection>
    </FullpageContainer>
  );
}

export default ExampleComponent;
```