Skip to content

v1.0.0

Compare
Choose a tag to compare
@Merri Merri released this 02 Aug 10:35
· 26 commits to gh-pages since this release
  • You can now make Tabbordion stateless, thus place the state where you want!
  • Full state control: Tabbordion makes sure the state is correct for given mode.
  • Viewport resize support: when using animateContent elements are now updated when window is resized.
  • bemClassName is now exposed.
  • Performance optimizations for minimal renders. All Tabbordion components now extend PureComponent.
  • Expose bemClassName method
  • Remove support for extending BEM separator prefixed classes in className

<Tabbordion />

  • Allow controlling state via panels and onPanels
  • Force state to be correct for the selected mode
  • Optimize performance by minimal renders

Removes

  • contentTag and panelTag
  • initialIndex in favor of initialPanels
  • onAfterChange in favor of new state providing onPanels
  • onBeforeChange

Renames

  • classModifiers as bemModifiers
  • classNames as blockModifiers
  • classSeparator as bemSeparator
  • tag as component
  • Modifiers visibleBetween, visibleFirst and visibleLast renamed as between, first and last respectively

<Panel />

  • Separated to three new components: <TabPanel />, <TabLabel /> and <TabContent />
  • title is now TabLabel as a child of TabPanel
  • Other children needs to be wrapped as children of TabContent
  • TabPanel no longer "inherits" nothing; the way props work has changed dramatically
  • TabContent detects viewport resizes and transitions quickly accordingly

Known issues

  • TabPanels must be direct children of Tabbordion
  • TabLabels and TabContents must be direct children of TabPanel