{"repo":"seek-oss/braid-design-system","free":true,"listed":false,"github":"https://github.com/seek-oss/braid-design-system","clone":"git clone https://github.com/seek-oss/braid-design-system.git","description":"Themeable design system for the SEEK Group","language":"TypeScript","stars":1571,"topics":["design-system","style-guide","react","babel","webpack","css-modules","front-end","owner-experience-platforms"],"license":"MIT","category":"ui-components","readme_excerpt":"Themeable design system for the SEEK Group. Setup This guide is currently optimised for usage with [sku], since it's configured to support Braid out of the box. If your project has a custom build setup, you'll need some extra guidance from project contributors to configure your bundler. In your sku project, first install this library: At the very top of your application, import the reset, required theme and the BraidProvider component. WARNING: The reset styles must be imported first to avoid CSS ordering issues. For example: Finally, render the BraidProvider component, providing the imported theme via the theme prop: If you're rendering within the context of another application, you may want to opt out of the provided body styles, which set the background color and reset margin and padding: If you'd like to customise the technical implementation of all Link and TextLink components from Braid, you can pass a custom component to the linkComponent prop on BraidProvider . For example, if you wanted to ensure that all relative links are React Router links: Local Development This project uses pnpm for development dependencies. Installing with pnpm is required to ensure dependencies match the current pnpm-lock.yaml. Start a local Storybook server: Building with Braid Styling with [Vanilla Extract] Braid uses Vanilla Extract for styling, enabling the authoring of CSS in TypeScript in a way that can be statically extracted at build time, generating reusable atomic CSS classes. This r","default_branch":null,"files":null,"tree":[],"storefront":"/r/seek-oss","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/seek-oss/braid-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."}