@dpc-sdp/ripple-layout

Standard grid-based layouts for structuring pages. Includes skip to content link.

---

Install

npm install @dpc-sdp/ripple-layout --save

---

Dependency graph

@dpc-sdp/ripple-layout
├── @dpc-sdp/ripple-global
├── @dpc-sdp/ripple-grid
├── @dpc-sdp/ripple-icon
└── @dpc-sdp/ripple-site-header

---

Import

import {
  RplBaseLayout,
  RplPageLayout,
  RplQuickExit
} from '@dpc-sdp/ripple-layout'

---

Usage and Tests

See Storybook/Molecules/Layout/Base Layout.

See Storybook/Molecules/Layout/Page Layout.

See Storybook/Molecules/Layout/Page Layout with Sidebar.

See Storybook/Molecules/Layout/Page Layout with custom columns.

See Storybook/Molecules/Layout/Site Layout.

See Storybook/Molecules/Layout/Site Layout with Sidebar.

---

License

Licensed under the Apache-2.0 License.