HolaKit

又一个设计驱动的 UI 组件库。

查看文档

UI 组件

按钮 Buttons

链接按钮

Primary Button

Photo from Unsplash

头图卡片 Card with image

Nulla neque ducimus, natus a voluptatibus quae minima cumque tenetur iusto modi. Harum repellendus fugit laboriosam quia beatae tempore voluptates?

头像 Avatar

Round Radii Round Radii

表单 Form

标签 Badge0.12.0

这是一个长长长长的长标题并没有分类233

Photo from Unsplash

Card List Item 1

Posted at Aug 17th.

Card List Item 2

Posted at Dec 25th.

Card List Item 1

Posted at Jun 4th.

信息表 Info Sheet0.22.0

用户名

laosb

手机号码

+1 (555) 555 5555

备注

并不住在美国,但是用着一个美国手机号。他是 Holakit 的最初作者及维护者,常常诈尸。

Aut, atque porro?

Corrupti odit adipisci molestiae expedita quasi necessitatibus. Ipsam aliquam cumque temporibus incidunt quidem possimus, voluptas, alias nam molestias labore pariatur!

横滚布局

Photo from Unsplash

小卡片

Photo from Unsplash

小卡片

Photo from Unsplash

小卡片

Photo from Unsplash

小卡片

Photo from Unsplash

小卡片

Photo from Unsplash

小卡片

Photo from Unsplash

小卡片

Photo from Unsplash

小卡片

Photo from Unsplash

小卡片

大小栏布局

表格 Table

Lorem. Reiciendis. Ducimus?
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ab voluptates dolorum adipisci ut impedit aperiam velit! Eum iusto ad dolores sit obcaecati ipsa sint?
23333 23333 23333

文字设计 Typography

Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi libero debitis consequatur error quae id ipsa, earum velit vel. Hic?

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Minima sed assumenda cupiditate, laudantium facere magni?

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempore, nam. Excepturi, eaque necessitatibus, quasi, cupiditate eveniet explicabo ducimus dolorum distinctio voluptas non et. Libero ratione quibusdam, beatae rerum aliquid officia.

Pic

兰亭集序

永和九年,岁在癸丑,暮春之初,会于会稽山阴之兰亭,脩稧(禊)事也。群贤毕至,少长咸集。此地有崇山峻领(岭),茂林脩竹;又有清流激湍,映带左右,引以为流觞曲水,列坐其次。虽无丝竹管弦之盛,一觞一咏,亦足以畅叙幽情。

是日也,天朗气清,惠风和畅。仰观宇宙之大,俯察品类之盛。所以游目骋怀,足以极视听之娱,信可乐也。

夫人之相与,俯仰一世,或取诸怀抱,悟言一室之内;或因寄所托,放浪形骸之外。虽趣(取/趋)舍万殊,静躁不同,当其欣于所遇,暂得于己,快然自足,不知老之将至;及其所之既倦,情随事迁,感慨系之矣。向之所欣,俯仰之间,已为陈迹,犹不能不以之兴怀;况脩短随化,终期于尽。古人云:“死生亦大矣。”岂不痛哉!

每揽(览)昔人兴感之由,若合一契,未尝不临文嗟悼,不能喻之于怀。固知一死生为虚诞,齐彭殇为妄作。后之视今,亦由(犹)今之视昔,悲夫!故列叙时人,录其所述,虽世殊事异,所以兴怀,其致一也。后之揽(览)者,亦将有感于斯文。

代码测试

.hola-image, .hola-content img {
  display: block;
  width: 100%;
  margin: var(--hola-element-gap) 0;
}

.hola-image-round {
  border-radius: 50%;
}
.hola-image-radii {
  border-radius: 5px;
}
Lorem ipsum dolor sit.