Tabs

Essence Plus

This component is only available in the Plus version of Essence UI.

Content for the General tab

Content for the Features tab

Content for the Testimonials tab

render Components::Tabs.new do |tabs|
  tabs.menu do
    tabs.tab(key: :general) { "General" }
    tabs.tab(key: :features) { "Features" }
    tabs.tab(key: :testimonials) { "Testimonials" }
  end
  tabs.panel(key: :general) { p { "General" } }
  tabs.panel(key: :features) { p { "Features" } }
  tabs.panel(key: :testimonials) { p { "Testimonials" } }
end

Installation

Add the component to your project

CLI

Run the following command in your terminal

bundle exec essence add tabs

Manually

Add the following code and libraries into your project

Essence Plus

This component is only available in the Plus version of Essence UI.

Upgrade to Plus