Installation:
1. Install via pip:
pip install ckanext-nswdesignsystem
2. Add ‘nswdesignsystem’ to ckan.plugins in your config file
3. Restart CKAN
#
Usage:
Visit /nswdesignsystem/components to see all implemented components with code examples
#
Component Customization:
- Most components use macros that can be overridden
- Check macro source for customization options
- Some components use helpers like nswdesignsystem_footer_links (should be chained)
- Macros can be used as functions: {{ masthead() }}
- Or with call blocks: {% call masthead() %} content {% endcall %}
#
Available Components:
- Header/Footer/Masthead/Navigation
- Forms (input, select, textarea, checkbox, radio, date picker)
- Cards and Card Grids
- Filters with show-more, immediate submit, cancel URL
- Accordions (single/multi-expand)
- Hero Banners
- Dialogs (modal/dismissible)
- In-Page Alerts
- Callouts, Steps, Progress Indicators
- Tables, Sidebar Navigation
- Popovers, Utility Lists
#
NSW Design System Version:
Current library: nsw-design-system v3.20.3
Update via: npm up nsw-design-system && make vendor