Shoelace 演示 - 前端库演示集合

按钮组件

基础按钮

Default

Primary

Success

Neutral

Warning

Danger

按钮尺寸

Small

Medium

Large

图标按钮

Settings

Refresh

加载状态

Loading

Primary Loading

卡片组件

A kitten sits patiently between a terracotta pot and decorative grasses.

Mittens
This kitten is as cute as he is playful. Bring him home today!
6 weeks old

More Info

Header Title

This card has a header. You can put all sorts of things in it!

Preview

This card has a footer. You can put all sorts of things in it!

Preview

表单组件

Red

Orange

Yellow

Green

Blue

Purple

I agree to the terms and conditions

Submit Form

图标组件

house

heart

star

gear

shield-check

bell

对话框和提示

对话框

Open Dialog

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Close

提示

Success Alert

Warning Alert

Error Alert

进度和加载

进度条

Update Progress

加载指示器

数据展示

徽章

Primary

Success

Neutral

Warning

Danger

评分

导航组件

标签页

General

Custom

Advanced

Disabled

This is the general tab panel.

This is the custom tab panel.

This is the advanced tab panel.

This is a disabled tab panel.

面包屑

Home

Clothing

Shirts