Description Usage Arguments Functions See Also
A classic modal overlay, in which you can include any content you want.
bulma_modal()
- main container
bulma_modal_background()
- a transparent overlay that can act as a
click target to close the modal
bulma_modal_content()
- a horizontally and vertically centered
container, with a maximum width of 640px, in which you can include
any content
bulma_modal_close()
- a simple cross located in the top right corner
bulma_modal_card()
- more classic modal structure, based on
bulma_card()
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | bulma_modal(..., active = FALSE, tag = tags$div)
bulma_modal_background(tag = tags$div)
bulma_modal_content(..., tag = tags$div)
bulma_modal_close(size = c("small", "medium", "large"), tag = tags$button)
bulma_modal_card(..., tag = tags$div)
bulma_modal_card_head(..., tag = tags$header)
bulma_modal_card_body(..., tag = tags$section)
bulma_modal_card_foot(..., tag = tags$footer)
bulma_modal_card_title(..., tag = tags$p)
|
... |
(tags) content |
active |
(flag) whether the modal is visible |
tag |
default HTML tag |
size |
(string) styling parameter |
bulma_modal
: main container; contains bulma_modal_background()
, bulma_modal_content()
,
bulma_modal_close()
, and bulma_modal_card()
.
bulma_modal_background
: transparent overlay that can close the modal
bulma_modal_content
: content of the modal, can contain anything
bulma_modal_close
: close button for the modal
bulma_modal_card
: more classic card modal that can contain many different elements; can contain
bulma_modal_card_head()
, bulma_modal_card_body()
,
bulma_modal_card_foot()
bulma_modal_card_head
: modal card header; can contain
bulma_modal_card_title()
bulma_modal_card_body
: modal card body
bulma_modal_card_foot
: modal card footer
bulma_modal_card_title
: modal card title
Other Bulma Components:
bulma_breadcrumb()
,
bulma_card()
,
bulma_dropdown()
,
bulma_menu()
,
bulma_message()
,
bulma_navbar()
,
bulma_pagination()
,
bulma_panel()
,
bulma_tabs()
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.