Semantic-Org / Semantic-UI

Semantic is a UI component framework based around useful principles from natural language.
http://www.semantic-ui.com
MIT License
51.1k stars 4.95k forks source link

[Accordion] How to set Accordion to be expanded (for all items) when it's loaded? #6874

Open zbeedatm opened 5 years ago

zbeedatm commented 5 years ago

Steps

Expected Result

Actual Result

Version

0.87.3

GammaGames commented 5 years ago

Add the active class to every title and content you want expanded, then use the exclusive: false setting when you initialize the accordion

zbeedatm commented 5 years ago

Is there such examples in your wiki? I tried using it that way but the result was no so good :S

< Accordion as={Table}> {groupedProjects.map(({date, projects}) =>

*/} {/* */} {/* date*/} {/* */} {/**/} date {record.data.name}

)}

GammaGames commented 5 years ago

Is this react? This is for the regular version of SUI, you'll want to ask for help over at Semantic-Org/Semantic-UI-React.

But, by the looks of the SUI-R docs, you'll want to done one of the following:

  1. Set both the Title and Content active
  2. Use a Panel component and set that to active
zbeedatm commented 5 years ago

Yes this is react. Ok will try it, thanks.