Guide
Semantic UI
UI Framework
Docs
Learn
Examples
ctrl+k
Enter a search term above to see results...
Categories
>
Start Here
>
Styling
>
Primitives
>
Components
>
Behaviors
Components
Global Search
In-Page Menu
Mobile Menu
Mobile Menu Toggle
Nav Menu
Panels
Sidebar Toggle
Theme Switcher
Topbar Menu
On This Page
Components
>
Components
Global Search
A global search provides site-wide search with a modal interface
In-Page Menu
An in-page menu tracks page sections and provides smooth scrolling navigation
Mobile Menu
A mobile menu displays hierarchical navigation for mobile devices
Mobile Menu Toggle
A mobile menu toggle triggers the visibility of a mobile menu
Nav Menu
A nav menu displays hierarchical navigation with search and accordion capabilities
Panels
Panels organize content into resizable sections
Sidebar Toggle
A sidebar toggle controls sidebar visibility
Theme Switcher
A button used to switch between light and dark mode
Topbar Menu
A topbar menu displays horizontal navigation at the top of a page
Next
Global Search
UI Framework
Docs
Learn
Examples
UI Framework
Introduction
Why Semantic?
Installation
What's New?
0.12.0
Roadmap
Getting Started
Using UI
Creating UI
Theming
Ecosystems
Vanilla JS
React
Svelte
Vue
Angular
Astro
Next
Philosophy
Natural Language
About the Project
CSS Tokens
Colors
Text
Spacing
Sizes
Gradients
Shadows
Styling Guide
Basic Theming
Dark Mode
Styling Web Components
Responsive Patterns
Style Inheritance
Dynamic Sizing
Primitives
Button
Card
Container
Divider
Icon
Input
Label
Menu
Modal
Rail
Segment
Table
Components
Global Search
In-Page Menu
Mobile Menu
Mobile Menu Toggle
Nav Menu
Panels
Sidebar Toggle
Theme Switcher
Topbar Menu
Behaviors
Attach
Transition
Return to main menu
Return to main menu