SlideoverComponent
import Example from ‘../../src/@primer/gatsby-theme-doctocat/components/example’ import RequiresJSFlash from ‘../../src/@primer/gatsby-theme-doctocat/components/requires-js-flash’
Add a general description of component here Add additional usage considerations or best practices that may aid the user to use the component correctly.
Accessibility
Add any accessibility considerations
Arguments
| Name | Type | Default | Description |
|---|---|---|---|
tag |
Symbol, String |
:div |
The rendered tag name. |
direction |
Symbol |
N/A | One of :xl and :yd. |
open_text |
String |
"Open" |
The text to use to open the slideover. |
close_text |
String |
"Close" |
The text to use to close the slideover. |
classes |
String |
"" |
Classes and attributes |
attributes |
Hash |
{} |
Classes and attributes |
Slots
Open_button
Close_button
Examples
Default
<%= render(Ariadne::SlideoverComponent.new(direction: Ariadne::SlideoverComponent::DIRECTION_Y_DOWN)) { "Example" } %>
Have questions?
Still have questions? Talk to support.