diff --git a/.changeset/shy-mails-punch.md b/.changeset/shy-mails-punch.md new file mode 100644 index 0000000000..a845151cc8 --- /dev/null +++ b/.changeset/shy-mails-punch.md @@ -0,0 +1,2 @@ +--- +--- diff --git a/packages/libs/kode-ui/src/patterns/SideBarLayout/SideBarLayout.stories.tsx b/packages/libs/kode-ui/src/patterns/SideBarLayout/SideBarLayout.stories.tsx index 54d5492e96..4dd1b06f30 100644 --- a/packages/libs/kode-ui/src/patterns/SideBarLayout/SideBarLayout.stories.tsx +++ b/packages/libs/kode-ui/src/patterns/SideBarLayout/SideBarLayout.stories.tsx @@ -19,6 +19,12 @@ import { import { LayoutProvider, useLayout } from './components/LayoutProvider'; import { KadenaLogo } from './components/Logo/KadenaLogo'; import { KLogo } from './components/Logo/KLogo'; +import { + RightAside, + RightAsideContent, + RightAsideFooter, + RightAsideHeader, +} from './components/RightAside'; import { SideBarFooter } from './components/SideBarFooter'; import { SideBarFooterItem } from './components/SideBarFooterItem'; import { SideBarItem } from './components/SideBarItem'; @@ -63,7 +69,12 @@ const LinkComponent: FC> = ({ }; const InnerLayout = () => { - const { setAppContext, isExpanded } = useLayout(); + const { + setAppContext, + isExpanded, + setIsRightAsideExpanded, + isRightAsideExpanded, + } = useLayout(); useEffect(() => { setAppContext({ @@ -187,7 +198,34 @@ const InnerLayout = () => { } > - content + + + more content + + + + + + + + ); };