1 Star 4 Fork 0

WebCell / BootCell

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

WebCell

BootCell

Web Components UI library based on WebCell v2, BootStrap v4, BootStrap Icon v1 & FontAwesome v5

NPM Dependency Build Status

Anti 996 license jaywcjlove/sb

NPM

Usage

npm install boot-cell \
    iterable-observer \
    marked turndown turndown-plugin-gfm markdown-ime \
    @nuintun/qrcode

index.html

<link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/dialog-polyfill@0.5.4/dist/dialog-polyfill.css"
/>
<link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
/>
<link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/bs-stepper@1.7.0/dist/css/bs-stepper.min.css"
/>
<link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.2.1/font/bootstrap-icons.css"
/>
<link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.1/css/all.min.css"
/>
<link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/github-markdown-css@4.0.0/github-markdown.min.css"
/>
<script
    crossorigin
    src="https://polyfill.app/api/polyfill?features=es.array.flat,es.object.from-entries,regenerator-runtime,intersection-observer,resize-observer"
></script>
<script src="https://cdn.jsdelivr.net/npm/dialog-polyfill@0.5.4/dist/dialog-polyfill.js"></script>
<script src="https://cdn.jsdelivr.net/npm/share-api-polyfill@1.0.20/dist/share-min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2.5.0/custom-elements-es5-adapter.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2.5.0/webcomponents-bundle.js"></script>

Components

Content

  1. ListItem
  2. ListGroup
  3. Table
  4. TableRow
  5. InputCell
  6. Jumbotron
  7. Card
  8. CardHeader
  9. CardFooter
  10. MediaObject
  11. EdgeDetector
  12. SplitView
  13. AccordionPanel
  14. Accordion
  15. CollapseBox
  16. TabPanel
  17. TabView

Reminder

  1. Badge
  2. ProgressBar
  3. Progress
  4. Icon
  5. FAIcon
  6. BGIcon

Media

  1. Image
  2. Embed
  3. CarouselCaption
  4. CarouselItem
  5. CarouselView

Navigator

  1. BreadCrumb
  2. Pagination
  3. NavLink
  4. Nav
  5. NavBar
  6. BannerNavBar
  7. NavBarToggler
  8. Step
  9. Stepper
  10. DropMenuItem
  11. DropMenu
  12. ShareBar

Prompt

  1. Spinner
  2. SpinnerBox
  3. TooltipBox
  4. PopoverBox
  5. AlertBox
  6. ToastBox
  7. Modal
  8. openDialog()

Form

  1. Form
  2. Button
  3. ButtonGroup
  4. Toolbar
  5. IconButton
  6. CloseButton
  7. ToggleField
  8. ToggleGroup
  9. Range
  10. Field
  11. FormField
  12. GroupLabel
  13. InputGroup
  14. FileInput
  15. MarkdownEditor

Calendar

  1. CountDown
  2. CalendarTable
  3. WeekCalendar
  4. MonthCalendar

Constants

  1. Color
  2. Theme
  3. Status
  4. CommonColors
  5. TextColors
  6. BackgroundColors
  7. Size
  8. Position
  9. JustifyType

Utilities

  1. SafeTurnDown
  2. encodeQRC

Theme

Replace BootStrap official CSS file with these 3th-party libraries's directly:

空文件

简介

基于 WebCell v2、BootStrap v4、BootStrap Icon v1 和 FontAwesome v5 的 Web 标准组件库 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
TypeScript
1
https://gitee.com/WebCell/BootCell.git
git@gitee.com:WebCell/BootCell.git
WebCell
BootCell
BootCell
master

搜索帮助