https://github.com/component-driven/ui

A collection of packages for common UI problems
https://github.com/component-driven/ui

css design-system focus focus-within react reactjs-components

Last synced: 6 months ago
JSON representation

A collection of packages for common UI problems

• Host: GitHub
• URL: https://github.com/component-driven/ui
• Owner: component-driven
• License: mit
• Created: 2018-08-13T13:02:02.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-03-04T14:03:45.000Z (over 2 years ago)
• Last Synced: 2025-03-27T01:51:29.731Z (7 months ago)
• Topics: css, design-system, focus, focus-within, react, reactjs-components
• Language: TypeScript
• Homepage: https://ui.component-driven.dev
• Size: 1.67 MB
• Stars: 48
• Watchers: 3
• Forks: 2
• Open Issues: 34
• Metadata Files:
  • Readme: Readme.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Component Driven UI

![Release](https://github.com/component-driven/ui/workflows/Release/badge.svg)

Includes following packages:

- `components` — React primitive components like Box, Grid, Stack, etc.

- `react-design-tokens` — React components to document design tokens in a styleguide.

- `FocusWithin` component — the missing JS API of the CSS `:focus-within` for React

- `WithSelector` component to allow preview of pseudo-styles like `:hover` and `:focus` in styleguides

- `mixins` — a collection of mixins for pseudo styles (`:focus`, `:disabled`) to work with CSS-in-JS libraries

## [Documentation](https://ui.component-driven.dev)

## Aknowledgements

[![Powered by Vercel](https://www.datocms-assets.com/31049/1618983297-powered-by-vercel.svg)](https://vercel.com/?utm_source=component-driven.dev&utm_campaign=oss)