0.9.1 • Published 3 years ago
@govuk-react/list-navigation v0.9.1
ListNavigation
Import
import ListNavigation from '@govuk-react/list-navigation';
Usage
Simple
import { ListNavigation, Link } from 'govuk-react';
<ListNavigation>
<Link href="/section-a">Section A</Link>
<Link href="/section-b">Section B</Link>
</ListNavigation>
Using React Router with Link
component for GDS styled links
import { Link as RouterLink } from 'react-router-dom';
import { ListNavigation, Link } from 'govuk-react';
<ListNavigation listStyleType="circle">
<Link as={RouterLink} to="/link-a">Link A</Link>
<Link as={RouterLink} to="/link-b">Link B</Link>
</ListNavigation>
References:
TODO:
- Consider using the context API https://github.com/reactjs/rfcs/blob/master/text/0002-new-version-of-context.md
- Fix active state overlaping siblings
Properties
Prop | Required | Default | Type | Description |
---|---|---|---|---|
children | true | | node | List navigation content | ||
listStyleType | undefined | string | CSS value for list-style-type |
0.9.1
3 years ago
0.9.0
3 years ago
0.8.0
3 years ago
0.7.1
5 years ago
0.7.0
5 years ago
0.6.0
5 years ago
0.6.0-rc.1
5 years ago
0.6.0-alpha.4
5 years ago
0.6.0-alpha.1
5 years ago
0.6.0-alpha.0
5 years ago
0.5.1
5 years ago
0.5.0
5 years ago
0.4.0
5 years ago
0.3.1
6 years ago
0.3.0
6 years ago
0.2.12
6 years ago
0.2.7
6 years ago
0.2.6
6 years ago
0.2.4
6 years ago
0.2.2
6 years ago
0.2.1
6 years ago
0.2.0
6 years ago
0.1.28
6 years ago
0.1.27
6 years ago
0.1.26
6 years ago
0.1.25
6 years ago
0.1.24
6 years ago
0.1.23
6 years ago
0.1.22
6 years ago
0.1.21
6 years ago
0.1.19
6 years ago