view : Model -> Html Msg
view model =
div []
[ Accordion.view
{ entries =
[ AccordionEntry
{ caret = Accordion.updwardCaret
, content = \() -> text "Accordion Content"
, entryClass = "a-class-distinguishing-this-accordion-from-others-on-the-page"
, expansionDirection = Accordion.Upwards
, headerContent = text "Accordion Header"
, headerId = "a-unique-id-for-this-accordion-header-button"
, headerLevel = Accordion.H1
, isExpanded = model.isAccordionOpen
, toggle = Just ToggleAccordion
}
[]
]
, focus = Focus
}
, Accordion.styleAccordion
{ entryStyles = []
, entryExpandedStyles = []
, entryClosedStyles = []
, headerStyles = []
, headerExpandedStyles = []
, headerClosedStyles = []
, contentStyles = []
}
]Corresponds to h1, h2, h3 etc. Choose the correct header level given your page context.
Determines in which direction the accordion expands.
Animated caret used for accordions that expand upwards.