Components

Every component of the Zeyn framework, running live. Open one to see its examples, the code that builds them and its API.

Layout

A sturdy notebook with 120 pages.
Tabs
Panels behind a tab list, loaded the first time they open.
Orders
Stock
People
Invoices
Reports
Settings
AutoGrid
As many columns as fit the width.

Section
Subsection
Group
Heading
Section headings from h2 to h6.
Every order ships within two working days.
Prices include tax.
Paragraph
A paragraph of escaped text, normal or quiet.
12 May 20265 min readGuides
MetaLine
Short facts on one line with a separator.
Avatar
A picture of a person or their initials.
Code
P-001
Name
Field notes 101
Kind
Book
Price
₺91.69
DescriptionList
Label and value pairs of a record.
Bold, italic and code.
- One
- Two
A link
Markdown
Safe Markdown rendered on the server.

1. Components
2. Navigation
3. Breadcrumb
Breadcrumb
The trail of links to the current page.
- A
- B
- C
- D
- E
- F
- G
- H
- I
- J
- K
- L
- M
- N
- O
- P
- Q
- R
- S
- T
- U
- V
- W
- X
- Y
- Z
- #
AlphaIndex
A letter bar from the user's alphabet.
MenuBar
A menu bar of commands.
Help center (external site)
Website (external site, opens in a new tab)
ExternalLink
A link that leaves the app safely.

Code	Name	Kind	Price	Stock
P-001	Field notes 101	Book	₺91.69	37
P-002	Garden trowel 102	Tool	₺170.88	74
P-003	Fern 103	Plant	₺250.07	21
P-004	City atlas 104	Book	₺329.26	58
P-005	Hand saw 105	Tool	₺408.45	5
P-006	Olive tree 106	Plant	₺487.64	42

Rows of an action with paging, sorting and filters.