Kt Divider

A visual separator control for Modern WinForms providing styled divider lines, customizable orientations, dash caps, and gradient edge fading.

🟣 PREMIUM

This component is only available in the Premium version of KimTools.

Get KimTools

kt-divider-light kt-divider-dark

🟢 DESIGNER SUPPORT

This control has full Visual Studio design-time support.
Drag it from the Toolbox onto your form, customize its properties directly in the Properties window, and KimTools will generate the corresponding code for you.

Visual Layout Separators

Use KtDivider to establish clear visual hierarchy and organize controls into distinct sections.

  1. Add Divider Control
    Drag a KtDivider from the toolbox onto your form or panel.
  2. Set Line Orientation
    Choose Horizontal for top/bottom content split or Vertical for inline column separations.
  3. Configure Style & Cap
    Select a LineStyle (Solid, Dash, DoubleEdgeFaded, etc.) and optional DashCap rounding.
  4. Apply Theme Color
    Assign a dynamic KtColor scheme (such as KtColor.PRIMARY or KtColor.BASE_3) to maintain consistent application themes.
🔴 🟡 🟢
// 1. Solid Line - Primary Color
var dividerPrimary = new KtDivider
{
    Height = 30,
    Dock = DockStyle.Top,
    Orientation = KtDivider.LineOrientation.Horizontal,
    LineStyle = KtDivider.LineStyles.Solid,
    LineColor = KtColor.PRIMARY,
    LineThickness = 2f
};
	
// 2. Dashed Line with Round Caps - Secondary Color
var dividerSecondary = new KtDivider
{
    Height = 30,
    Dock = DockStyle.Top,
    Orientation = KtDivider.LineOrientation.Horizontal,
    LineStyle = KtDivider.LineStyles.Dash,
    DashCap = KtDivider.CapStyles.Round,
    LineColor = KtColor.SECONDARY,
    LineThickness = 3f
};
	
// 3. Double Edge Faded - Success Color
var dividerSuccess = new KtDivider
{
    Height = 30,
    Dock = DockStyle.Top,
    Orientation = KtDivider.LineOrientation.Horizontal,
    LineStyle = KtDivider.LineStyles.DoubleEdgeFaded,
    LineColor = KtColor.SUCCESS,
    LineThickness = 2f
};
	
// 4. Left Edge Faded - Warning Color
var dividerWarning = new KtDivider
{
    Height = 30,
    Dock = DockStyle.Top,
    Orientation = KtDivider.LineOrientation.Horizontal,
    LineStyle = KtDivider.LineStyles.LeftEdgeFaded,
    LineColor = KtColor.WARNING,
    LineThickness = 2f
};
	
// 5. Right Edge Faded - Danger/Error Color
var dividerDanger = new KtDivider
{
    Height = 30,
    Dock = DockStyle.Top,
    Orientation = KtDivider.LineOrientation.Horizontal,
    LineStyle = KtDivider.LineStyles.RightEdgeFaded,
    LineColor = KtColor.ERROR,
    LineThickness = 2f
};
LineStyle LineStyles Sets the line’s style format.

Solid Line Style

Draws a standard continuous line across the divider bounds.

🔴 🟡 🟢
var divider = new KtDivider
{
    Height = 20,
    Dock = DockStyle.Top,
    Orientation = KtDivider.LineOrientation.Horizontal,
    LineStyle = KtDivider.LineStyles.Solid,
    LineColor = KtColor.PRIMARY,
    LineThickness = 2f
};
Auto
Light
Dark

line-style-solid-light line-style-solid-dark

line-style-solid-light

line-style-solid-dark

Dashed Line Style

Renders a repeating dashed line pattern. Pair with DashCap for rounded or angled segment ends.

🔴 🟡 🟢
var divider = new KtDivider
{
    Height = 20,
    Dock = DockStyle.Top,
    Orientation = KtDivider.LineOrientation.Horizontal,
    LineStyle = KtDivider.LineStyles.Dash,
    DashCap = KtDivider.CapStyles.Round,
    LineColor = KtColor.PRIMARY,
    LineThickness = 2f
};
Auto
Light
Dark

line-style-dash-light line-style-dash-dark

line-style-dash-light

line-style-dash-dark

Dotted Line Style

Displays alternating dots and dashes using styles like DashDot or DashDotDot.

🔴 🟡 🟢
var divider = new KtDivider
{
    Height = 20,
    Dock = DockStyle.Top,
    Orientation = KtDivider.LineOrientation.Horizontal,
    LineStyle = KtDivider.LineStyles.DashDotDot,
    DashCap = KtDivider.CapStyles.Round,
    LineColor = KtColor.PRIMARY,
    LineThickness = 2f
};
Auto
Light
Dark

line-style-dot-light line-style-dot-dark

line-style-dot-light

line-style-dot-dark

DashCap CapStyles Sets the line’s dash cap style.

DashCap End Formatting

Customize line dash termination points with CapStyles.Flat, CapStyles.Round, or CapStyles.Triangle.

🔴 🟡 🟢
var divider = new KtDivider
{
    Height = 20,
    Dock = DockStyle.Top,
    Orientation = KtDivider.LineOrientation.Horizontal,
    LineStyle = KtDivider.LineStyles.Dash,
    DashCap = KtDivider.CapStyles.Round,
    LineColor = KtColor.PRIMARY,
    LineThickness = 3f
};
Auto
Light
Dark

dash-cap-styles-light dash-cap-styles-dark

dash-cap-styles-light

dash-cap-styles-dark

LineColor Kt-Color Sets the line’s color.

LineColor Customization

Assign theme colors using KtColor or standard System.Drawing.Color values.

🔴 🟡 🟢
var divider = new KtDivider
{
    Height = 20,
    Dock = DockStyle.Top,
    Orientation = KtDivider.LineOrientation.Horizontal,
    LineStyle = KtDivider.LineStyles.Solid,
    LineColor = KtColor.SECONDARY,
    LineThickness = 2f
};
Auto
Light
Dark

line-color-light line-color-dark

line-color-light

line-color-dark

LineThickness float Sets the line’s thickness.

LineThickness Control

Adjust stroke width in floating-point pixels to emphasize structural section separations.

🔴 🟡 🟢
var divider = new KtDivider
{
    Height = 20,
    Dock = DockStyle.Top,
    Orientation = KtDivider.LineOrientation.Horizontal,
    LineStyle = KtDivider.LineStyles.Solid,
    LineColor = KtColor.PRIMARY,
    LineThickness = 4f
};
Auto
Light
Dark

line-thickness-light line-thickness-dark

line-thickness-light

line-thickness-dark

Double Edge Faded

Fades both line ends smoothly into transparency using LineStyles.DoubleEdgeFaded.

🔴 🟡 🟢
var divider = new KtDivider
{
    Height = 20,
    Dock = DockStyle.Top,
    Orientation = KtDivider.LineOrientation.Horizontal,
    LineStyle = KtDivider.LineStyles.DoubleEdgeFaded,
    LineColor = KtColor.PRIMARY,
    LineThickness = 2f
};
Auto
Light
Dark

faded-double-edge-light faded-double-edge-dark

faded-double-edge-light

faded-double-edge-dark

Left Edge Faded

Transitions the line from completely transparent on the left to solid on the right.

🔴 🟡 🟢
var divider = new KtDivider
{
    Height = 20,
    Dock = DockStyle.Top,
    Orientation = KtDivider.LineOrientation.Horizontal,
    LineStyle = KtDivider.LineStyles.LeftEdgeFaded,
    LineColor = KtColor.PRIMARY,
    LineThickness = 2f
};
Auto
Light
Dark

faded-left-edge-light faded-left-edge-dark

faded-left-edge-light

faded-left-edge-dark

Right Edge Faded

Transitions the line from solid on the left to transparent on the right edge.

🔴 🟡 🟢
var divider = new KtDivider
{
    Height = 20,
    Dock = DockStyle.Top,
    Orientation = KtDivider.LineOrientation.Horizontal,
    LineStyle = KtDivider.LineStyles.RightEdgeFaded,
    LineColor = KtColor.PRIMARY,
    LineThickness = 2f
};
Auto
Light
Dark

faded-right-edge-light faded-right-edge-dark

faded-right-edge-light

faded-right-edge-dark

Orientation LineOrientation Sets the line’s orientation.

Vertical Orientation

Set Orientation = LineOrientation.Vertical to separate side-by-side elements, sidebars, or toolbar buttons.

🔴 🟡 🟢
var leftLabel = new KtLabel
{
    Text = @"Section A",
    Auto = true,
    Dock = DockStyle.Left
};
	
var verticalDivider = new KtDivider
{
    Width = 20,
    Dock = DockStyle.Left,
    Orientation = KtDivider.LineOrientation.Vertical,
    LineStyle = KtDivider.LineStyles.DoubleEdgeFaded,
    LineColor = KtColor.PRIMARY,
    LineThickness = 2f
};
	
var rightLabel = new KtLabel
{
    Text = @"Section B",
    Auto = true,
    Dock = DockStyle.Fill
};
Auto
Light
Dark

divider-vertical-light divider-vertical-dark

divider-vertical-light

divider-vertical-dark

API Reference
LineColor Kt-Color Sets the line’s color.
DashCap CapStyles Sets the line’s dash cap style.
Orientation LineOrientation Sets the line’s orientation.
LineStyle LineStyles Sets the line’s style format.
LineThickness float Sets the line’s thickness.
Previous Kt • Date Next Kt • Label