react-page-layout - npm Package Compare versions

Comparing version 0.9.3 to 0.9.4

package.json

		{
		"name": "react-page-layout",
		"version": "0.9.3",
		"version": "0.9.4",
		"description": "Layout system for react",
		@@ -5,0 +5,0 @@ "author": "Jose R Villalon Soler",

README.md

		@@ -29,7 +29,6 @@ ## About

		This library allows for you to concentrate layout logic
		into its own components. It allows you to create a Layout component that can have serveral <Slots> where you can inject content.
		This library allows for you to concentrate all your layout logic into its own components. It allows you to create a layout that can have serveral <Slots> where you can inject content.

		A layout aware component can use the <Page> component and
		the <Section> to the layouts slots.
		A layout aware component can use the <Page>
		and <Section> to fill out the slots.

		@@ -60,3 +59,3 @@ ## Setup

		2. You have to make your app layout aware. In order to do this you use the <LayoutProvider> component and let it know about the different layouts for your app.
		2. You have to make your app layout aware. In order to do this you use the <LayoutProvider> component to let decendants know about the different layouts of your app. It requires that you specify its layouts prop with an object, where the keys are the names and the values are the layout components;

		@@ -113,5 +112,5 @@ ```js

		You have to pass the layout property to the <Page> , to specify what layout you want to use.
		You have to pass the layout property to the <Page>, so it knows what layout you want to use.
		Similarly each <Section> has a slot property
		that ties it to the slot for which it provides content. In this case
		that ties it to the slot in the layout for which it provides content. In this case
		since we only have one layout named public, and it only has one
		@@ -123,3 +122,3 @@ slot named it main we use those values.

		1. By default, the root of a slot is a div, but it can be customized via its the <Slot> props. Can also customize the component, className and styles. See the documentation for details.
		1. By default, the root of a slot is a div, but it can be customized via its the <Slot> props. You can also customize className and styles. See the documentation for details.

		@@ -148,3 +147,3 @@ 2. You can use several slots in a layout.

		5. Any props passed to the <Page> component are passed to the layout, as is. This can be usefull for titles, breadcrumbs or to flag any customization that the page requires.
		5. Any props passed to the <Page> component are passed to the layout. This can be usefull for titles, breadcrumbs or to flag any customization that the page requires.

		@@ -151,0 +150,0 @@ 6. Slots can be nested

		@@ -29,7 +29,6 @@ ## About

		This library allows for you to concentrate layout logic
		into its own components. It allows you to create a Layout component that can have serveral <Slots> where you can inject content.
		This library allows for you to concentrate all your layout logic into its own components. It allows you to create a layout that can have serveral <Slots> where you can inject content.

		A layout aware component can use the <Page> component and
		the <Section> to the layouts slots.
		A layout aware component can use the <Page>
		and <Section> to fill out the slots.

		@@ -60,3 +59,3 @@ ## Setup

		2. You have to make your app layout aware. In order to do this you use the <LayoutProvider> component and let it know about the different layouts for your app.
		2. You have to make your app layout aware. In order to do this you use the <LayoutProvider> component to let decendants know about the different layouts of your app. It requires that you specify its layouts prop with an object, where the keys are the names and the values are the layout components;

		@@ -113,5 +112,5 @@ ```js

		You have to pass the layout property to the <Page> , to specify what layout you want to use.
		You have to pass the layout property to the <Page>, so it knows what layout you want to use.
		Similarly each <Section> has a slot property
		that ties it to the slot for which it provides content. In this case
		that ties it to the slot in the layout for which it provides content. In this case
		since we only have one layout named public, and it only has one
		@@ -123,3 +122,3 @@ slot named it main we use those values.

		1. By default, the root of a slot is a div, but it can be customized via its the <Slot> props. Can also customize the component, className and styles. See the documentation for details.
		1. By default, the root of a slot is a div, but it can be customized via its the <Slot> props. You can also customize className and styles. See the documentation for details.

		@@ -148,3 +147,3 @@ 2. You can use several slots in a layout.

		5. Any props passed to the <Page> component are passed to the layout, as is. This can be usefull for titles, breadcrumbs or to flag any customization that the page requires.
		5. Any props passed to the <Page> component are passed to the layout. This can be usefull for titles, breadcrumbs or to flag any customization that the page requires.

		@@ -151,0 +150,0 @@ 6. Slots can be nested

react-page-layout - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics