包含以下组件
预加载器
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
颜色 | 对象 | 包含 Tailwind CSS 颜色类的对象 | |
colors.iconIos | 字符串 | 'text-primary' | |
colors.iconMaterial | 字符串 | 'text-md-light-primary dark:text-md-dark-primary' | |
组件 | 字符串 | 'span' | 组件的 HTML 元素 |
尺寸 | 字符串 | 'w-8 h-8' | Tailwind CSS 尺寸类 |
import React from 'react';import {Page,Navbar,NavbarBackLink,Block,BlockTitle,Preloader,} from 'konsta/react';export default function PreloaderPage() {return (<Page><Navbartitle="Preloader"/><BlockTitle>Default</BlockTitle><Block strong insetMaterial outlineIos className="text-center"><Preloader /></Block><BlockTitle>Colors</BlockTitle><Block strong insetMaterial outlineIos className="grid grid-cols-4"><div className="text-center"><Preloader className="k-color-brand-red" /></div><div className="text-center"><Preloader className="k-color-brand-green" /></div><div className="text-center"><Preloader className="k-color-brand-purple" /></div><div className="text-center"><Preloader className="k-color-brand-yellow" /></div></Block><BlockTitle>Sizes</BlockTitle><BlockstronginsetMaterialoutlineIosclassName="grid grid-cols-4 items-center"><div className="text-center"><Preloader size="w-4 h-4" /></div><div className="text-center"><Preloader size="w-8 h-8" /></div><div className="text-center"><Preloader size="w-12 h-12" /></div><div className="text-center"><Preloader size="w-16 h-16" /></div></Block></Page>);}