@comparaonline/ui-offer-layout-results

yarn add @comparaonline/ui-offer-layout-result

Usage no npm install needed!

<script type="module">
  import comparaonlineUiOfferLayoutResults from 'https://cdn.skypack.dev/@comparaonline/ui-offer-layout-results';
</script>

README

ui-offer-layout-result

Installation

yarn add @comparaonline/ui-offer-layout-result

Usage

import Layout from '@comparaonline/ui-offer-layout-result';

The Layout, Layout.Sider and Layout.Content is an extension of Grid, so it receives all the props of it.

Implementation

import Layout from '@comparaonline/ui-offer-layout-result';

class MyResults extends React.Component {
    render() {
        return (
            <Layout>
                <Layout.Sider>
                    <CountResults />
                    <Filters />
                </Layout.Sider>

                <Layout.Content>
                    <OfferList />
                </Layout.Content>
            </Layout>
        );
    }
}

Layout.Sider it's a column with a 3/12 cols for the grid

Layout.Content it's a column with a 9/12 cols for the grid