Skip to content
This repository has been archived by the owner on Jan 27, 2024. It is now read-only.

feat: <Hidden mode=#js /> #8

Open
vmarcosp opened this issue Aug 3, 2021 · 2 comments
Open

feat: <Hidden mode=#js /> #8

vmarcosp opened this issue Aug 3, 2021 · 2 comments
Assignees
@vmarcosp
Labels
enhancement New feature or request

Comments

@vmarcosp
Copy link
Member

vmarcosp commented Aug 3, 2021

Description

Add a js mode to the Hidden component.

Draft

open Ancestor

// Mode / Implementation type
type mode = [#js | #css]

// Usage 
<Hidden on=[#xs(true), #md(false)] mode=#js>
....
</Hidden>
@vmarcosp vmarcosp added the enhancement New feature or request label Aug 3, 2021
@vmarcosp vmarcosp self-assigned this Aug 3, 2021
@MatheusBBarni
Copy link

The #js mode, would just not render on the DOM, right?

@vmarcosp
Copy link
Member Author

vmarcosp commented Feb 13, 2022 •
edited
Loading

sorry for the delay 😄

The #js mode, would just not render on the DOM, right?

right, probably a conditional render using a media query (or a hook wrapper)

@vmarcosp vmarcosp changed the title Feature: <Hidden mode=#js /> feat: <Hidden mode=#js /> Jul 12, 2022
@vmarcosp vmarcosp changed the title feat: <Hidden mode=#js /> feat: <Hidden mode=#js /> Jul 28, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@vmarcosp vmarcosp

Labels
enhancement New feature or request
Projects
[Ancestor UI] Stable version (v1) 🚀
Status: Todo
Milestone
No milestone
Development

No branches or pull requests
2 participants
@vmarcosp @MatheusBBarni