> 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/name.md).

# name

### name

* component : \<FullpageSection />
* requird : false
* type : string

풀페이지가 렌더링될 때 URL의 hash(#)와 일치하는 이름의 섹션으로 이동합니다.

```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}
    >
      <FullpageSection name="first"> // localhost:3000#first
        <div>Section 1</div>
      </FullpageSection>
      <FullpageSection name="second"> // localhost:3000#second
        <div>Section 2</div>
      </FullpageSection>
      <FullpageSection name="third"> // localhost:3000#third
        <div>Section 3</div>
      </FullpageSection>
    </FullpageContainer>
  );
}

export default ExampleComponent;
```