Separator API

Эта страница предоставляет обзор API компонента Separator, детализируя его props, слоты и экспонируемые методы/состояния.

Props

Компонент Separator принимает следующие props:

Prop	Default	Type	Description
`vertical`	`false`	`boolean` или `undefined`	Определяет, является ли разделитель вертикальным.
`contentPosition`	`"center"`	`"right"` или `"left"` или `"center"` или `"full"` или `undefined`	Указывает выравнивание контента внутри разделителя.
`gradient`	`false`	`Gradient` или `[Gradient, GradientLength]` или `boolean` или `undefined`	Применяет градиент к линиям разделителя.
`depth`	`1`	`0` до `7` или `undefined`	Указывает толщину разделителя.
`class`	`""`	`StyleClass` или `undefined`	Пользовательский CSS класс для контейнера разделителя.
`classBodyLine`	`""`	`StyleClass` или `undefined`	Пользовательский CSS класс для тела линии разделителя.
`classLine`	`""`	`StyleClass` или `undefined`	Пользовательский CSS класс для основной линии разделителя.
`classContent`	`""`	`StyleClass` или `undefined`	Пользовательский CSS класс для контента разделителя.
`classBodyLineLeft`	`""`	`StyleClass` или `undefined`	Пользовательский CSS класс для левой линии тела.
`classLineLeft`	`""`	`StyleClass` или `undefined`	Пользовательский CSS класс для левой линии разделителя.
`classBodyLineRight`	`""`	`StyleClass` или `undefined`	Пользовательский CSS класс для правой линии тела.
`classLineRight`	`""`	`StyleClass` или `undefined`	Пользовательский CSS класс для правой линии разделителя.

Gradient Values

Gradient: Значения от 0 до 100 (например, 0, 10, 50 и т.д.).
GradientLength: Значения от 0 до 100 для определения длины градиента.

Слоты

Компонент Separator предоставляет следующие слоты:

Slot	Payload	Description
`default`	`VNode[]`	Слот по умолчанию для пользовательского контента внутри разделителя.

Expose

Компонент Separator экспонирует следующие методы и состояния через ref:

Expose	Value	Description
`vertical`	`SeparatorProps["vertical"]`	Указывает, является ли разделитель вертикальным.
`content`	`SeparatorProps["contentPosition"]`	Текущее выравнивание контента разделителя.
`gradient`	`number`	Примененное значение градиента для разделителя.
`gradientLength`	`number`	Длина градиента, примененного к разделителю.
`depth`	`SeparatorProps["depth"]`	Толщина разделителя.
`classBase`	`SeparatorProps["class"]`	CSS класс для контейнера разделителя.
`classBodyLineLeft`	`StyleClass`	CSS класс для левой линии тела.
`classLineLeft`	`StyleClass`	CSS класс для левой линии разделителя.
`classContent`	`StyleClass`	CSS класс для контента разделителя.
`classBodyLineRight`	`StyleClass`	CSS класс для правой линии тела.
`classLineRight`	`StyleClass`	CSS класс для правой линии разделителя.