@ws-serenity/radix-components

About

Набор UI-компонентов на основе Radix UI для дизайн-системы.

#### 📦 Установка

npm install @ws-serenity/radix-components

#### 🚀 Быстрый старт

``

JSX

import { Card, Button, TextInput } from '@ws-serenity/radix-components';



function ExampleCard() {

    return (

                    asChild={true}

        >

            

                                    label={'Введите текст'}

                />

                                    label={'Я согласен с политикой конфиденциальности'}

                />

                

            

        

    );

}





#### 🎨 Стилизация



Импортируйте SCSS токены для использования дизайн-системы:

SCSS

@import '@ws-serenity/radix-components/lib';



.my-component {

  background-color: var(--color-black);

  box-shadow: var(--shadow-sm);

}





#### 📚 Доступные компоненты



+

Card

 - Карточка

+

Checkbox

 - Чекбокс

+

Chip

 - Чипc

+

TextInput

 - Поле ввода

+

Tooltip

 - Тултип

+

Typography

 - Типографика

+

Provider` - Корневой провайдер