Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tab view using pure CSS #161

Closed
illright opened this issue Mar 10, 2017 · 6 comments
Closed

Tab view using pure CSS #161

illright opened this issue Mar 10, 2017 · 6 comments

Comments

@illright
Copy link

There are tab elements and we can select a tab by giving it the active class. But this means that we're not able to display currently active tabs using CSS only.
A workaround could be to copy the active tab's rules and use a radiobutton tab solution but is there perhaps a better way?

@picturepan2 picturepan2 added this to the v0.2.10 milestone Mar 13, 2017
@picturepan2
Copy link
Owner

@leva7 The experimental pure CSS Carousels are achieved by the radios. I will see if it is needed to add.

@alexbagirov
Copy link

Hi! He means switching content of Tabs component.
screenshot_20170314-131339

@picturepan2
Copy link
Owner

@alexbagirov The methods are same.

@picturepan2 picturepan2 removed this from the v0.2.10 milestone Mar 19, 2017
@aaron-bond
Copy link

I threw this together in case it helps someone understand what you mean. I hope it helps:
https://plnkr.co/edit/z45r86J0VfpWMhII5CKu?p=preview

:)

Also, I had to make some tiny extra changes to get it all working right, so there might be some extra styles that could be brought into the library to facilitate it.

@picturepan2
Copy link
Owner

@leva7 @aaron-bond has a good example for your need.

@niutech
Copy link

niutech commented Apr 12, 2024

It is done in my fork.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants