document-ui v0.1.0

Component'ler

DocFloatingWindowLink

<DocFloatingWindowLink text="bkz." link={"#div_id"} div />

DocH

• title is the title :)
• level is the tags of h1, h2 or h(n) in the HTML world.
• type can be handful when we search the components as below:

document.querySelectorAll("h[type='someType']");

<DocH title={"Title 1"} level={2} type="someType" />

DocImg

import image1 from "./images/image1.png";
///
<DocImg src={image1} caption="Image 1 caption" />;

DocLink

<DocLink text="title X" link={"#linkX"} />

DocTable

• caption: It will appear as the description of the table.
• sizes: If this prop is given, the size of each column is given.
• rows: With this prop, we enter each row as an array.

<DocTable
	caption="MongoDB Bilgi Tablosu"
	header={["Key", "Tanım"]}
	sizes={["20%", "80%"]}
	rows={[
		["Target", "Yazılacak MongoDB veritabanı ayarları."],
		["ConnectionString", "Bağlantı bilgisi."],
		["Database", "Verilerin kaydedileceği veritabanı."],
		["Collection", "Verilerin kaydedileceği kolleksiyon/tablo."],
	]}
/>