Gradient

Компонент для создания градиентных подложек. Используется для визуального разделения контента, создания плавных переходов между элементами или акцента на определённых областях интерфейса.

Загружается...

Компонент имеет role="presentation", что означает:

не требует ARIA-атрибутов;
не должен содержать важный контент;
не влияет на семантику документа.

// ❌ Плохо (градиент содержит текст)
<Gradient>
 <Text>Важная информация</Text>
</Gradient>
 
// ✅ Хорошо (текст вынесен отдельно)
<div style={{ position: 'relative' }}>
 <Gradient />
 <Text>Важная информация</Text>
</div>

Свойства и методы

Свойство	Описание
`getRootRef`	`Ref<HTMLDivElement>` По умолчанию: `-`
`mode`	`"default" \| "tint" \| "overlay"` Тип градиента. По умолчанию: `default`
`to`	`"top" \| "bottom"` Направление градиента. По умолчанию: `top`

FloatingArrow

ModalRoot