Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(codex-ui): codex-ui package base setup #95

Merged
merged 5 commits into from
Feb 15, 2024
Merged

feat(codex-ui): codex-ui package base setup #95

merged 5 commits into from
Feb 15, 2024

Conversation

neSpecc
Copy link
Member

@neSpecc neSpecc commented Feb 11, 2024

CodeX UI

The design system implementation now belongs to this repo, at the codex-ui folder.

This folder contains the following structure:

src/
  styles/
    mixins/
      typography.pcss
    index.pcss
    colors.pcss
  vue/
    button/
      Button.vue
  react/
    ...
  web/
    ...
  js/
    ...

Usage example

You can check the usage example in the Home.vue page.

image

Here you can find following examples:

  1. Page black colour — example of usage of CSS variable from codex-ui
  2. Heading, Button and Input components — example of usage Vue components from codex-ui
    2.1 Heading component uses CSS mixin (typography.pcss) internally
    2.2 Components types and jsdocs are supported:
image

@neSpecc neSpecc merged commit 268a194 into main Feb 15, 2024
3 checks passed
@neSpecc neSpecc deleted the feat/ds-setup branch February 15, 2024 15:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants