{"repo":"Royal-Navy/design-system","free":true,"listed":false,"github":"https://github.com/Royal-Navy/design-system","clone":"git clone https://github.com/Royal-Navy/design-system.git","description":"Build web applications that meet the Royal Navy service standards.","language":"TypeScript","stars":124,"topics":["design-system","monorepo","react","storybook","component-library","design-tokens","fonts","icons"],"license":"Apache-2.0","category":"ui-components","readme_excerpt":"Royal Navy Design System Build web applications that meet the Royal Navy service standards. Browse the components, usage guidelines and code snippets in Storybook. Packages This is a pnpm + Lerna monorepo. All packages are published to the npm registry under the @royalnavy scope and follow semantic versioning. Package Description ------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------ @royalnavy/react-component-library React component library — the primary consumable package. @royalnavy/design-tokens Design tokens (colour, spacing, typography, breakpoints) consumed by the components and available to applications. @royalnavy/icon-library SVG icon set as React components. @royalnavy/fonts Web fonts and the CSS to load them. @royalnavy/eslint-config-react Shared ESLint configuration used across the repo (not published for app use). Installation Install the component library alongside its peer dependencies: Note: styled-components (v6+) is a required peer dependency. The components are built for React 18. Quick start Wrap your application in GlobalStyleProvider and import the fonts once at the root: See Storybook for the full component catalogue and props documentation. Developing locally You'll need Git and Node.js installed. This repo uses pnpm as its package manager (see the packageManager field in package.json ) and pins a Node.js version in .nvm","default_branch":null,"files":null,"tree":[],"storefront":"/r/Royal-Navy","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Royal-Navy/design-system/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}