design-system

KO | EN

gitlite — search

#javascript #python #typescript #llm #golang #machine-learning #rust #windows #cli #kubernetes #pytorch #security #openai #open-source

(★ 61)

The B.C. Design System helps public sector design and development teams build coherent, accessible products

design-system 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# B.C. Design System

The B.C. Design System gives design and software development teams the building blocks to deliver intuitive, accessible digital services.

The B.C. Design System comprises 4 core elements:

- [Design tokens](#design-tokens)
- [Figma and React component libraries](#component-library)
- [Documentation hub](https://gov.bc.ca/designsystem)

The new design system replaces [the legacy design system](/legacy), which has now been archived.

## Design tokens

The [@bcgov/design-tokens package](https://github.com/bcgov/design-system/tree/main/packages/design-tokens) provides a method to quickly and consistently implement the province's look and feel for digital services. They offer a set of standardized options to help developers style user interfaces in a coherent and future-proof way.

You can install the design tokens library via:

- [npm](https://www.npmjs.com/package/@bcgov/design-tokens)
- [GitHub Packages](https://github.com/bcgov/design-system/pkgs/npm/design-tokens)

To learn more about the design tokens:

- [Design tokens docs](https://www2.gov.bc.ca/gov/content?id=5993A3D597F1454CB0E5DFA02DBB2EB7)
- [Figma library](https://www2.gov.bc.ca/gov/content?id=8E36BE1D10E04A17B0CD4D913FA7AC43#designers)
- [Source code](https://github.com/bcgov/design-system/tree/main/packages/design-tokens)

## Component library

The [@bcgov/design-system-react-components package](https://github.com/bcgov/design-system/tree/main/packages/react-components) provides a library of reusable UI components, implemented in Figma and React. Support for other languages and frameworks is currently out-of-scope.

The component library is currently in active development. New components are added when both Figma and React implementations are complete and fully documented.

You can install the component library via:

- [npm](https://www.npmjs.com/package/@bcgov/design-system-react-components)
- [GitHub Packages](https://github.com/orgs/bcgov/packages/npm/package/design-system-react-components)

Additional information and documentation:

- [Source code](https://github.com/bcgov/design-system/tree/main/packages/react-components)
- [Storybook UI workshop](https://designsystem.gov.bc.ca/react-components/)
- [Figma library](https://www2.gov.bc.ca/gov/content?id=8E36BE1D10E04A17B0CD4D913FA7AC43#designers)
- [Component docs](https://www2.gov.bc.ca/gov/content?id=8E36BE1D10E04A17B0CD4D913FA7AC43)

## Contact

The B.C. Design System is maintained by the Everyday Life Events Common Capabilities & AI Platforms branch at Connected Services BC, part of the Ministry of Citizens' Services. To get in touch:

- Email [designsystem@gov.bc.ca](mailto:designsystem@gov.bc.ca)
- [Open an issue](https://github.com/bcgov/design-system/issues/new/choose)
- [Start a discussion](https://github.com/bcgov/design-system/discussions)

design-system

design-system 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

design-system

design-system 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README