이름	타입	설명
href	string \| null	이동할 route입니다. 값이 비어 있으면 navigation 없이 children만 렌더링합니다.
disabled	boolean	같은 visual layout을 유지하면서 navigation을 막습니다.
activeClassName	string	현재 route가 link와 일치할 때 적용되는 class입니다.
scrollToTop	boolean	client-side navigation 이후 화면을 상단으로 스크롤합니다.

Namespace helper인 `Link.Back`, `Link.Close`, `Link.Lang`은 자주 쓰이는 navigation action을 다룹니다.

사용 예시

Image

`ProtoFile` 객체와 직접 URL을 모두 받는 Akan image component입니다. file metadata에서 width, height, blur data를 가져올 수 있고 SSR mode에서는 Akan image optimizer를 사용합니다.

Props / API

이름	타입	설명
src	string	직접 지정하는 image URL입니다. file metadata보다 우선합니다.
file	ProtoFile \| file-like	`url`, `imageSize`, optional `abstractData`를 가진 file 객체입니다.
abstractData	string	blur/placeholder preview data입니다.
priority / preload	boolean	image를 high-priority 및 eager-loaded 대상으로 표시합니다.
unoptimized	boolean	Akan image optimization을 건너뜁니다.

사용 예시

Layout

module template, unit, view, header, sidebar, bottom tab, zone 전반에서 사용하는 가벼운 layout primitive namespace입니다.

Props / API

이름	타입	설명
Layout.Template	{ className?, children? }	기본 간격이 있는 세로 form/template container입니다.
Layout.Unit	{ className?, children, href? }	href가 제공되면 클릭 가능한 list/card item container입니다.
Layout.View	{ className?, children }	폭이 제한된 detail page container입니다.
Layout.Zone	component	feature zone과 page block을 위한 section container입니다.

사용 예시

Load

Akan fetch 결과와 React rendering을 연결하는 data loading namespace입니다. model detail page, edit page, pagination, server/client page loading에 자주 사용됩니다.

Props / API

이름	타입	설명
Load.View	{ view, renderView, loading?, noDiv? }	full model view를 hydrate하고 `renderView`로 렌더링합니다.
Load.Edit	component	model edit/new workflow를 위한 edit payload를 로드합니다.
Load.Page	{ loader, render, loading?, noCache? }	SSR/CSR에서 함께 사용하는 page loader wrapper입니다.
Load.Units	component	pagination-style 결과에서 list/unit data를 렌더링합니다.

사용 예시

Model

generated Akan store를 위한 model workflow shell namespace입니다. view wrapper, edit/new modal, removal flow, admin panel을 포함합니다.

Props / API

이름	타입	설명
Model.EditModal	{ slice, edit?, renderTitle?, onSubmit? }	generated model store action과 연결된 modal editing shell입니다.
Model.NewWrapper	component	새 model form을 열고 초기화하는 wrapper입니다.
Model.ViewWrapper	component	full model view state를 렌더링하는 wrapper입니다.
Model.Remove	component	generated delete flow와 연결된 removal action입니다.

generated store action을 사용할 수 있는 module `Util`, `View`, `Zone` 파일 안에서 `Model` component를 사용합니다.

사용 예시

이름

타입

설명

href

string | null

이동할 route입니다. 값이 비어 있으면 navigation 없이 children만 렌더링합니다.

disabled

boolean

같은 visual layout을 유지하면서 navigation을 막습니다.

activeClassName

string

현재 route가 link와 일치할 때 적용되는 class입니다.

scrollToTop

boolean

client-side navigation 이후 화면을 상단으로 스크롤합니다.

이름

타입

설명

src

string

직접 지정하는 image URL입니다. file metadata보다 우선합니다.

file

ProtoFile | file-like

`url`, `imageSize`, optional `abstractData`를 가진 file 객체입니다.

abstractData

string

blur/placeholder preview data입니다.

priority / preload

boolean

image를 high-priority 및 eager-loaded 대상으로 표시합니다.

unoptimized

boolean

Akan image optimization을 건너뜁니다.

이름

타입

설명

Layout.Template

{ className?, children? }

기본 간격이 있는 세로 form/template container입니다.

Layout.Unit

{ className?, children, href? }

href가 제공되면 클릭 가능한 list/card item container입니다.

Layout.View

{ className?, children }

폭이 제한된 detail page container입니다.

Layout.Zone

component

feature zone과 page block을 위한 section container입니다.

이름

타입

설명

Load.View

{ view, renderView, loading?, noDiv? }

full model view를 hydrate하고 `renderView`로 렌더링합니다.

Load.Edit

component

model edit/new workflow를 위한 edit payload를 로드합니다.

Load.Page

{ loader, render, loading?, noCache? }

SSR/CSR에서 함께 사용하는 page loader wrapper입니다.

Load.Units

component

pagination-style 결과에서 list/unit data를 렌더링합니다.

이름

타입

설명

Model.EditModal

{ slice, edit?, renderTitle?, onSubmit? }

generated model store action과 연결된 modal editing shell입니다.

Model.NewWrapper

component

새 model form을 열고 초기화하는 wrapper입니다.

Model.ViewWrapper

component

full model view state를 렌더링하는 wrapper입니다.

Model.Remove

component

generated delete flow와 연결된 removal action입니다.