6.1.15 • Published 9 months ago
@fullcalendar/bootstrap5 v6.1.15
FullCalendar Bootstrap 5 Plugin
Bootstrap 5 theme for FullCalendar
Installation
First, ensure the necessary Bootstrap packages are installed:
npm install bootstrap@5 bootstrap-icons
Then, install the FullCalendar core package, the Bootstrap plugin, and any other plugins (like daygrid):
npm install @fullcalendar/core @fullcalendar/bootstrap5 @fullcalendar/daygrid
Usage
Instantiate a Calendar with the necessary plugins and options:
import { Calendar } from '@fullcalendar/core'
import bootstrap5Plugin from '@fullcalendar/bootstrap5'
import dayGridPlugin from '@fullcalendar/daygrid'
// import bootstrap stylesheets directly from your JS
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-icons/font/bootstrap-icons.css' // needs additional webpack config!
const calendarEl = document.getElementById('calendar')
const calendar = new Calendar(calendarEl, {
plugins: [
bootstrap5Plugin,
dayGridPlugin
],
themeSystem: 'bootstrap5', // important!
initialView: 'dayGridMonth'
})
calendar.render()
7.0.0-beta.0
9 months ago
7.0.0-beta.1
9 months ago
6.1.15
12 months ago
6.1.14
1 year ago
6.1.13
1 year ago
6.1.12
1 year ago
6.1.11
1 year ago
6.1.10
2 years ago
6.1.9
2 years ago
5.11.5
2 years ago
6.1.6
2 years ago
6.1.8
2 years ago
6.1.7
2 years ago
6.1.5
2 years ago
6.1.0
2 years ago
6.1.1
2 years ago
6.1.4
2 years ago
6.1.3
2 years ago
5.11.4
2 years ago
6.0.0-beta.3
3 years ago
6.0.0-beta.4
3 years ago
6.0.1
3 years ago
6.0.0
3 years ago
6.0.0-beta.2
3 years ago
6.0.3
2 years ago
6.0.2
3 years ago
5.11.3
3 years ago
5.11.2
3 years ago
6.0.0-beta.1
3 years ago
5.11.0
3 years ago
5.10.2
3 years ago