Options
All
  • Public
  • Public/Protected
  • All
Menu

BootCell

WebCell

BootCell

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

NPM Dependency CI & CD

Anti 996 license jaywcjlove/sb

NPM

Usage

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

index.html

<link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/[email protected]/dist/dialog-polyfill.css"
/>
<link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
/>
<link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"
/>
<link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.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/[email protected]/dist/dialog-polyfill.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/share-min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@webcomponents/[email protected]/custom-elements-es5-adapter.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@webcomponents/[email protected]/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. ScoreRange
  10. Field
  11. FormField
  12. GroupLabel
  13. InputGroup
  14. FileUploader
  15. FileInput
  16. MarkdownEditor
  17. HTMLEditor

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:

Generated using TypeDoc