pbcomponents

Preview for React | Preview for Vue | Figma community

prosazhin basic components

UI component library for React and Vue with Typescript and Tailwind.

Installation & Usage

React

GitHub React

npm install @pbcomponents/react

import { Button } from '@pbcomponents/react';

const Page = () => (
  <>
    <Button size='m' color='primary' theme='filled' onClick={() => {}}>
      Button
    </Button>
  </>
);

Vue

GitHub Vue

npm install @pbcomponents/vue

<script setup>
import { Button } from '@pbcomponents/vue';
</script>

<template>
  <Button size='m' color='primary' theme='filled' @click={() => {}}>
    Button
  </Button>
</template>

Components

Name	React Preview	Vue Preview
Button	Link	-
ButtonGroup	Link	-
Badge	Link	-
Tag	Link	-
Checkbox	Link	-
CheckboxGroup	Link	-
Switch	Link	-
Radio	Link	-
RadioGroup	Link	-
InlineRadio	Link	-
InlineRadioGroup	Link	-
Input	Link	-
Textarea	Link	-
Select	Link	-
Search	Link	-
Field	Link	-
Dropdown	Link	-
DropdownItem	Link	-
Tabs	Link	-
Tab	Link	-
Collapse	Link	-
CollapseGroup	Link	-
Alert	Link	-
Modal	Link	-
Notification	-	-
Headline	Link	-
Container	Link	-

Helpers

Name	React Preview	Vue Preview
Text	Link	-
Icon	Link	-
Content	Link	-