fix download link color

This commit is contained in:
2023-06-25 17:10:22 +02:00
parent dc0d9d3c70
commit 46aeec8d3c
3 changed files with 31 additions and 4 deletions

View File

@@ -63,7 +63,7 @@ export type ButtonProps = {
Создадим сам компонент:
```tsx
```tsx filename="button.tsx"
import s from './button.module.scss'
export const Button = ({ variant = 'primary', fullWidth, className, ...rest }: ButtonProps) => {

View File

@@ -1,5 +1,3 @@
import { Callout } from 'nextra/components'
# Headless компоненты, универсальный доступ, Radix UI
## Headless компоненты
@@ -19,3 +17,32 @@ Headless компоненты - это компоненты, которые не
- [Base UI от MUI (beta)](https://mui.com/base-ui/getting-started/overview/)
Мы будем использовать Radix UI, потому что она предоставляет все нужные нам компоненты и с ней просто взаимодействовать.
### Материалы для изучения:
#### Видео на тему ui библиотек
- [So You Think You Can Build A Dropdown? - Pedro Duarte](https://youtu.be/pcMYcjtWwVI)
- [Сравнение MUI, Tailwind, Bootstrap](https://youtu.be/CQuTF-bkOgc)
- [Radix overview](https://www.youtube.com/watch?v=EUrbuROiuaA)
- [Shadcn UI - библиотека компонентов на основе Radix UI и TailwindCss](https://www.youtube.com/watch?v=7MKEOfSP2s4)
#### Откуда начать?
##### Библиотека компонентов it-incubator:
Построена на базе Radix UI и Headless UI, для стилизации используется SASS.
- [Github](https://github.com/it-incubator/incubator-libs/tree/dev/packages/ui-kit/src/components)
- [Storybook](https://ui-kit.it-incubator.io/?path=/docs/getting-started-installation--docs)
Многие вопросы отпадут если просто посмотреть код.
##### Shadcn UI
Компоненты которые можно копировать и вставлять в свой проект.
Конечно же есть нюансы, но в целом это хороший способ понять как работает Radix UI.
- [Github](https://github.com/shadcn/ui)
- [Docs](https://ui.shadcn.com/)