From 70ba3bd59089a1f3e269cd16b510f7348b0b932a Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Tue, 12 Apr 2022 17:37:59 -0700 Subject: [PATCH] Adds accordion styles to example code --- styleguide-app/Examples/Accordion.elm | 45 +++++++++++++++++---------- 1 file changed, 28 insertions(+), 17 deletions(-) diff --git a/styleguide-app/Examples/Accordion.elm b/styleguide-app/Examples/Accordion.elm index 26d5261c..00443786 100644 --- a/styleguide-app/Examples/Accordion.elm +++ b/styleguide-app/Examples/Accordion.elm @@ -111,23 +111,34 @@ view ellieLinkConfig model = [ { sectionName = "Partial example" , code = String.join "\n" - [ "Accordion.view" - , " { entries =" - , " [ Accordion.AccordionEntry" - , " { caret = " ++ Tuple.first settings.icon - , " , content = \\() -> " ++ Tuple.first settings.content - , " , entryClass = \"customizable-example\"" - , " , headerContent = " ++ Tuple.first settings.headerContent - , " , headerId = \"customizable-example-header\"" - , " , headerLevel = Accordion.H4" - , " , isExpanded = True" - , " , toggle = Nothing" - , " }" - , " []" - , " ]" - , " , -- When using Accordion, be sure to wire up Focus management correctly!" - , " focus = identity" - , " }" + [ " div [] [" + , " Accordion.view" + , " { entries =" + , " [ Accordion.AccordionEntry" + , " { caret = " ++ Tuple.first settings.icon + , " , content = \\() -> " ++ Tuple.first settings.content + , " , entryClass = \"customizable-example\"" + , " , headerContent = " ++ Tuple.first settings.headerContent + , " , headerId = \"customizable-example-header\"" + , " , headerLevel = Accordion.H4" + , " , isExpanded = True" + , " , toggle = Nothing" + , " }" + , " []" + , " ]" + , " , -- When using Accordion, be sure to wire up Focus management correctly!" + , " focus = identity" + , " }" + , " , Accordion.styleAccordion" + , " { entryStyles = []" + , " , entryExpandedStyles = []" + , " , entryClosedStyles = []" + , " , headerStyles = []" + , " , headerExpandedStyles = []" + , " , headerClosedStyles = []" + , " , contentStyles = []" + , " }" + , " ]" ] } ]