KtLine

Design
Figma
Added
v1.0.1
Source
KtLine.vue

Properties Show plus

Emits Show plus

Use a horizontal line as a separator between rows, to create a better information structure.

You can add text to KtLine to display the text in the middle.

Full Line
Title in center position
Title in left position
Title in right position
Interactive title in center position
Interactive title in left position
Interactive title in right position
	<KtLine/>
	<KtLine text="Title Center" />
	<KtLine position="left" text="Title Left" />
	<KtLine position="right" text="Title Right" />
	<KtLine
		isInteractive
		text="Action Center"
		@click="alert('clicked center title')"
	/>
	<KtLine
		isInteractive
		position="left"
		text="Action Left"
		@click="alert('clicked left title')"
	/>
	<KtLine
		isInteractive
		position="right"
		text="Action Right"
		@click="alert('clicked right title')"
	/>