Comments (8)
+1 for tagging @ahmedrowaihi. This will be additionally useful for restricting what can be dropped into dropzones once #37 lands.
I'll spin out a separate ticket for that one.
from puck.
Been at a conference the last couple of days so haven't been able to reply to this. Apologies.
I think I was slightly confused around the initial proposal here; I thought it was to do with grouping components that have been dragged into the page, rather than in the list of available components, but believe I misinterpreted it.
Correct, grouped in the left hand side (prior to placement) is what I meant.
Regardless, I think #87 should cover this ticket now, and includes some proposals.
Sounds good!
from puck.
Love this suggestion. Likely needs to come in after #37 as this contains some pretty heavy refactors. Will marked as Blocked for the time being.
from puck.
@iwootten I'd also find this super useful (if not necessary) for my use case. @chrisvxd wouldn't it be just a matter of adding an option group label to the component config? From there we could group into an accordion in the sidebar. Or, is there some extra complexity I'm missing?
Edit: @iwootten I understand what you are saying now. Not that this is too hard to implement but blocked by the changes required #37
from puck.
I think I was slightly confused around the initial proposal here; I thought it was to do with grouping components that have been dragged into the page, rather than in the list of available components, but believe I misinterpreted it.
Regardless, I think #87 should cover this ticket now, and includes some proposals.
I'll spin out yet another ticket for what I presumed this one was about.
If nobody shouts otherwise, I'll close this ticket in favour of #87.
Sorry for the confusion!
from puck.
The "other" type of grouping: #88
from puck.
Nobody shouted, so closing this ticket in favour of #87 and #88, which are more explicit and include proposals
from puck.
this would be nice!
we might add a tag
field for a component, which will allow us to group them on the right menu
for example:
const config = {
components: {
HeadingBlock: {
+ tag: "headers",
fields: {
children: {
type: "text",
},
},
render: ({ children }) => {
return <h1>{children}</h1>;
},
},
},
};
from puck.
Related Issues (20)
- Improve resiliency of iframe CSS loading HOT 12
- Upgrade to typescript@5
- Stress testing HOT 1
- Typos in Actions docs
- Allow for more robust duplication actions HOT 2
- New drag-and-drop engine
- The page is not rendering server side. HOT 1
- Opportunity to interact with content inside of <Preview />
- Explore automatically injecting Puck styles
- Problem overriding custom fields
- Frame issue HOT 1
- React Server Components in the config HOT 3
- Type errors with TypeScript strict mode HOT 3
- [QUESTION] React Styled Components HOT 3
- Pass generic type to usePuck
- Apply draggable styles to correct element
- Implement async behaviour to resolvePermissions
- Can we have label properties defined as React.ReactNode?
- Align `resolvePermissions` with other resolvers
- getItemSummary receives mapProp value instead of original list value
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from puck.