Note: The BootstrapVue defined transition effect of this component is dependent on the prefers-reduced-motion media query. You can disable the slide transition via the no-slide prop. Disable slide transitionīy default the sidebar will use a sliding transition when showing and hiding. You can apply padding utility classes to the component, or margin/padding utility classes to the content of the sidebar. '180px', '20em', etc.) to override this default. Simply provide a value via the width prop (i.e. Use border utility classes to add border(s) to (via the sidebar-class prop 2.12.0+), or use CSS style overrides.īy default the width of is set to 320px (100% on 'xs' screens). Set it to false (the default) for no shadow. Prefer a sidebar with a backdrop shadow? Set the shadow prop to either boolean true for a medium shadow, 'sm' for a small shadow, or 'lg' for a larger shadow. The default background variant is 'light' and the default text variant is 'dark'. The standard Bootstrap theme variants are 'white', 'light', 'dark', 'primary', 'secondary', 'success', 'danger', 'warning', and 'info'. Set the right prop to true to have the sidebar appear on the right side of the viewport. Placementīy default the sidebar will be placed on the left side of the viewport. See the Accessibility section below for additional details. If you do not provide a title, use either the aria-label or aria-labelledby props to provide an accessible title for the sidebar. If the no-header prop is set, then neither the title prop or title slot have any effect. Note the title slot takes precedence over the title prop. Easily set the title that appears in the header either via the title prop or the title slot. Sidebars should have a title (specifically for accessibility reasons). Several props are provided for controlling the appearance of the sidebar. If the content is taller than the available viewport height, vertical scrolling will automatically be enabled via CSS on the body of the sidebar. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |