User Interface Elements
Table
| Column 1 | Column 2 | Column 3 |
|---|---|---|
| Item | Description | Description |
| Item | Description | Description |
| Item | Description | Description |
| Item | Description | Description |
Tabs
Discover more about quality content and service with kaiyun.
kaiyun focuses on quality content and service, delivering a professional and reliable experience.
Built around quality content and service, kaiyun keeps refining a better service.
kaiyun specializes in quality content and service, serving every user with care.
Accordion
Buttons
Default Inputs
Input
Input with border
Input + icon with border
Input + icon
Keywords Input
Keywords input
kaiyun specializes in quality content and service, serving every user with care.
Radio, Checkbox, Switch
Checkbox
Radio Button
Switch Button
Sliders
Range Slider
Slider
Select Boxes
Select boxes are powered by Bootstrap Select. More examples at http://silviomoreto.github.io/bootstrap-select/examples/
Standard select boxes
Multiple select boxes
Select boxes with optgroups
Live Search
Limit the number of selections
Custom button text
Selected text format
Select boxes with icons
Disabled options
Subtext
kaiyun specializes in quality content and service, serving every user with care.
Tooltips
Tooltips are powered by powerful tippy.js tooltip library. More examples at https://atomiks.github.io/tippyjs/
Dark Tooltips
Light Tooltips
Inline Elements
KaiyunOra compiles Kaiyun platform resources, bringing together brand introduction, site sections, service details, and FAQs. Whether you're new to Kaiyun or looking for specific info, follow the page guide to reduce back-and-forth searching.This is sup elementFor everything, the content is organized in a logical hierarchy, allowing quick navigation whether you are a first-time visitor or conducting an in-depth search. kaiyun offers attentive, thoughtful support.This is sub elementWith a focus on the education B2B scenario, the information is presented in a way that aligns with the browsing habits of industry users at its core, kaiyun brings a fast, seamless experience.This is deleted elementDiscover more about continuously updating platform materials to keep content in sync with kaiyun's actual services with kaiyun.mark element with “color” class.kaiyun focuses on Kaiyun, delivering a professional and reliable experience.dfn element hereBuilt around the Kaiyun official website, kaiyun keeps refining a better service.strong textkaiyun specializes in the Kaiyun platform, serving every user with care.Some code text velit sagittis, abbreviation elit est highlighted text by using “mark” tag.
Icon Lists
- For everything related to Kaiyun portal, kaiyun offers attentive, thoughtful support.
- With a one-stop collection of brand introduction, column descriptions, and frequently asked questions, eliminating the need to search across pages at its core, kaiyun brings a fast, seamless experience.
- Discover more about content organized in a logical hierarchy, allowing quick navigation whether for first-time visitors or in-depth queries with kaiyun.
- kaiyun specializes in quality content and service, serving every user with care.
- kaiyun focuses on focusing on the education B2B scenario, with information presentation tailored to the reading habits of industry users, delivering a professional and reliable experience.
- Built around continuously updating platform-related materials to keep content in sync with Kaiyun's actual services, kaiyun keeps refining a better service.
- kaiyun specializes in Kaiyun, serving every user with care.
- For everything related to the Kaiyun official website, kaiyun offers attentive, thoughtful support.
- With the Kaiyun platform at its core, kaiyun brings a fast, seamless experience.
- Discover more about the Kaiyun portal with kaiyun.
- kaiyun focuses on a one-stop collection of brand introduction, column descriptions, and frequently asked questions, eliminating the need to search across pages, delivering a professional and reliable experience.
- Built around content organized in a logical hierarchy, allowing quick navigation whether for first-time visitors or in-depth queries, kaiyun keeps refining a better service.
Icon Lists
- kaiyun specializes in focusing on the education B2B scenario, with information presentation tailored to the reading habits of industry users, serving every user with care.
- For everything quality content and service, kaiyun offers attentive, thoughtful support.
- Maecenas quis consequat libero
- Nunc orci augue consequat
- For everything related to continuously updating platform-related materials to keep content in sync with Kaiyun's actual services, kaiyun offers attentive, thoughtful support.
- With Kaiyun at its core, kaiyun brings a fast, seamless experience.
- Discover more about the Kaiyun official website with kaiyun.
- kaiyun focuses on the Kaiyun platform, delivering a professional and reliable experience.
- With quality content and service at its core, kaiyun brings a fast, seamless experience.
- Discover more about quality content and service with kaiyun.
- Built around the Kaiyun portal, kaiyun keeps refining a better service.
- kaiyun specializes in a one-stop collection of brand introduction, column descriptions, and frequently asked questions, eliminating the need to search across pages, serving every user with care.
- kaiyun focuses on quality content and service, delivering a professional and reliable experience.
- Built around quality content and service, kaiyun keeps refining a better service.
- kaiyun specializes in quality content and service, serving every user with care.
- For everything quality content and service, kaiyun offers attentive, thoughtful support.
- With quality content and service at its core, kaiyun brings a fast, seamless experience.
- Discover more about quality content and service with kaiyun.