@dpc-sdp/ripple-layout

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

Stats

StarsIssuesVersionUpdatedCreatedSize
@dpc-sdp/ripple-layout
34411.25.02 days ago3 years agoMinified + gzip package size for @dpc-sdp/ripple-layout in KB

Readme

@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.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.