diff --git a/package.json b/package.json index 1d8d9bf1..ee7546bf 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@reapit/elements", - "version": "4.1.0", + "version": "4.1.1", "description": "A collection of React components and utilities for building apps for Reapit Marketplace", "homepage": "https://github.com/reapit/elements#readme", "bugs": { diff --git a/src/components/layout/layout.mdx b/src/components/layout/layout.mdx index f4872948..6fe0737e 100644 --- a/src/components/layout/layout.mdx +++ b/src/components/layout/layout.mdx @@ -61,6 +61,14 @@ The previous two containers are postioned using the `FlexContainer` component. T +## Semantic Layout + +Layout elements with semantic tags passed via the tag prop. + + + + + ## Combined Container Components In this example you can see the `MainContainer` component - used to wrap the whole application and will handle the `Nav` and main content positioning. @@ -83,17 +91,12 @@ For a complete example of how to lay out a page, see below where we have combine -{/* // */} + -{/* ## Combined Layout Max Width +## Combined Layout Max Width Variant on the complete layout but using a max width container in desktop, a side column and no secondary nav. - */} + diff --git a/src/components/layout/layout.stories.tsx b/src/components/layout/layout.stories.tsx index cf497912..a111bc43 100644 --- a/src/components/layout/layout.stories.tsx +++ b/src/components/layout/layout.stories.tsx @@ -91,6 +91,18 @@ export const FlexContainerUsage = { ), } +export const TaggedLayouts = { + render: ({}) => ( + <> + + + These containers all have semanitic tags I passed as a prop + + + + ), +} + export const CombinedContainerComponents = { render: ({}) => ( diff --git a/src/storybook/changelog.mdx b/src/storybook/changelog.mdx index 935fad09..dff6a137 100644 --- a/src/storybook/changelog.mdx +++ b/src/storybook/changelog.mdx @@ -16,7 +16,12 @@ We will publish release version history and changes here. Where possible, we wil Beta versions should be relatively stable but subject to occssional breaking changes. +### **4.1.2 - 07/03/24** + +- Added docs for layout stories missed at past release + ### **4.1.1 - 06/03/24** + - Added optional `tag` property to layout components and typography - Changed breadcrumbs and accordion items to use anchors