Word Order - Many multi word variations now require proper word order, for exampleleft alignedorright floatedclassnames must be adjacent. This is to prevent conflicts with other multiple word variations
Form - Date field has been removed, use aui icon inputwith acalendar iconinstead
Label - Corner labels no longer support text, only icons.
Dropdown - Sub menus inside dropdowns now need a wrapping div text around sub-menu descriptions
Checkbox - Checkbox "enable" and "disable" have been replaced with "check" and "uncheck"
Modal - Modalleftandrightsections are now replaced withimageanddescription
Accordion - Accordions are now unstyled by default allowing for simpler coupling with other UI without having to override styles. Styled accordions are now included as a variationui styled accordion
List - List item selectors are now more strict, list items must be immediate children ofui listorui list list
Item - 0.x.x's UI card has been adjusted heavily. Vertically listed content should useui itemwhile floated grouped content should continue to useui card. Some 'card' view content has been slightly adjusted. Please refer to documentation
Header / Icon - Inverted headers and icons no longer invert background colors, but instead use a lighter version of colors more legible on dark backgrounds. Inverted circular icons, still however invert the color of the circle.
Input - Labeled inputs now havecornerleftandtoplabel types. Any labeled inputs should be converted tocorner labeled inputto preserve functionality from0.x
Modal - allowMultiple (allowing multiple modals at once) is now set to false by default.
Table - Tables are no longer striped by default, instead you must specify the 'striped' variation
Transition - Complete, and Start callbacks are nowonCompleteandonStart
General - CSS animations now hint with will change properties to increase performance in supported browsers
General - Many modules now use DOM Mutations and event delegation to allow content adjustment after initialization
Accordion - Accordion now includes all icons in an embedded font instead of requiring icons
Button - Now has compact form, used for fitting into tight spaces
Button - Now has CSS loaders to allow loading state to maintain other styles
Checkbox - Now correctly handles read-only and disabled, has read-only and disabled states
Checkbox - All styles have been redone. Standard checkboxes are now based around PX and not EM making sure there are no unusual circles or rounding issues. Checkboxes also now use a custom font for glyphs instead of CSS tricks.
Checkbox - Checkbox now have afireOnInitsetting for firing callbacks on page load
Checkbox - Checkbox now receive acheckedclass when checked, making it easier to write css selectors on checked checkboxes, for example when using sibling selectors.ui.checked.checkbox + .content { // style }
Dropdown - New dropdown type, searchable selection for large lists of choices
Dropdown - Dropdowns can now be initialized directly on a<select>element without any html
Dropdown - New action combo will change text of adjacent button, select will select element but not change text
Dropdown - Many new content types now work inside dropdowns, headers, dividers, images, inputs, labels and more
Form - Form now has a success state which will automatically display success messages
Dimmer - Dimmer will now automatically determine whether click-to-close is enabled bysettings.on
Dimmer - Multiple dimmers can now be used on the same context withdimmerName
Dimmer - Dimmer variations can be specified when creating a dimmer from javascript usingvariationsetting.
Form - Grouped fields and inline fields can now have labels
Form - Forms in 'success' state will now show success messages inside
Form - Inputs now use 1em font size and correctly match selection dropdown height
Form - Inverted form now properly styles loader
Form - New field typerequiredformats labels to show filling out field is mandatory
Grid -ui dividercan now be used inside of row columns as well asvertically divided gridvariation
Grid - Grid rows and columns now support color variations
Grid - Grid has been rewritten to automatically create row flow without row wrappers
Grid - Divided and celled grids can now be inverted for dark backgrounds
Grid - Elements inside a grid that are not rows or columns will now align properly
Grid - Fixed page grid allows for fixed pixel size containers used with a grid instead of percentage
Grid - Vertically divided grid now does not include left/right gutters in divider
Header - Linked headers now receive link colors
Image - Newbordered imagevariation
Item - Items now have a horizontal list view for content lists
Label - Added tag label and empty circular label style
Label - Now has compact form, for fitting into tight spaces
Label - Now has more sizes available
List - Child lists can now be formatted to sit inside text content
List - List images can now specify vertical alignment
List - List spacing defaults have been adjusted to be more consistent
Popup - Popup can now allow itself not to be closed when hovered over
Popup - A popup element can now be specified on initialization.
Reveal - Reveals now all use css properties with GPU acceleration
Popup - Positioned popups will now extend in the opposite direction to fit better with floated content
Rating - Rating now uses an embedded icon font to maximize compatibility
Rating - Rating can now automatically generate icons without including them
Rating - Rating can use data attributes to specify individual ratings
Sidebar - Sidebar now has tall / very tall variations for resizing top/bottom sidebars
Shape - Shape now is better at calculating sizes when animating
Shape - You can now disable repeated animations by setting, so animation wont queue if side is currently visible
Steps - Steps can now have icons, descriptions and titles. Step default theme has been modified significantly to be more flexible.
Table - Tables now have 'basic' and 'very' basic variations
Transition - Transition will now keep block position of elements hidden with visibility hidden
Transition - Transitions now will handle multiple display types more consistently
Transition - Transition now has a newstartcallback, before animation starts
Transition - Complete callback now does not occur if animation is interrupted before completing
Transition - You can now specify the final displayType of a transitioning element in metadata or settings (not just automatically detected)
More untracked changes we're added as well
Semantic UI—完全語義化的前端界面開發框架，跟 Bootstrap 和 Foundation 比起來，還是有些不同的，在功能特性上、布局設計上、用戶體驗上均存在很多差異。