diff --git a/projects/layout-components/src/stories/get-started.mdx b/projects/layout-components/src/stories/get-started.mdx new file mode 100644 index 0000000..a5d6b23 --- /dev/null +++ b/projects/layout-components/src/stories/get-started.mdx @@ -0,0 +1,78 @@ +import { Meta, Title, Subtitle, Description, Canvas, Source } from "@storybook/blocks"; +import * as InsetStories from "./inset.stories"; +import * as StackStories from "./stack.stories"; +import * as InlineStories from "./inline.stories"; +import * as ColumnsStories from "./columns.stories"; +import * as TilesStories from "./tiles.stories"; +import * as ContentBlockStories from "./content-block.stories"; + + + +Install and use the components + +Install the library using + + + +Then to use the layout components you need to import the module in your Angular module: + + + +Then use them in the template: + + +
Element 1
+
Element 2
+
Element 3
+ + + +
Element 1
+
Element 2
+
Element 3
+
Element 4
+
Element 5
+
+`} /> + +Layout components +Layout components are containers that represent the most common spacing and alignment +rules that are usually employed in constructing an interface. + +## Inset + + + + +## Stack + + + + +## Inline + + + + +## Columns & Column + + + + +## Tiles + + + + +## Content Block + + +