Atomic design is a methodology used to construct web design systems created by Brad Frost, based on the idea of dividing elements into atoms, molecules, templates and pages, where the next layer is building using the previous layer.
Questions tagged [atomic-design]
37 questions
0
votes
1 answer
Why HTML UI element as an atom in react atomic design?
I am struggling with atoms in atomic design. Why would I need to make a component for already estabilished HTML UI element? Isn't it redundant?
Lets say I have a button, in molecule instead of using the I would be force to use…
TomasB
- 604
- 5
- 18
0
votes
1 answer
How to Integrate Multiple redux-forms on a single page from a single container
i'm relatively new to react and redux. I have a single container renders a single component which renders multiple pages and each page renders multiple redux-forms. Getting to the point, i have two forms on the same page. but since i'm using a…
pope_maverick
- 902
- 8
- 15
0
votes
2 answers
import multiple components into a single line (Atomic Design + Vue.JS)
I am developing a project with Vue.js and would like to apply atomic design methodology, but I would like to import the components in a clustered and smarter way
currently
import GridLayout from '@/components/bosons/GridLayout.vue'
import…
Yung Silva
- 1,324
- 4
- 20
- 40
0
votes
1 answer
Passing a component to another component in react
I am creating a small library of component and I have a table component and my task is make it modular and generic so it can be modified later
Now Table by nature is a container component that is it can contain different various other small…
HVenom
- 712
- 1
- 10
- 25
0
votes
1 answer
Atomic Design - separation of implementation components from Atomic UI components
Beginning to build a new UI library using the atomic design methodology we quickly ran into a problem when trying to categorise the smallest UI building blocks as atoms. An example here might be a React component that might be say,
airwalker
- 53
- 2
- 7
0
votes
3 answers
Webpage design using atomic design
I need to create a webpage using atomic design. I am not getting proper tutorials in internet to get started.
Please share some demo project, so that i can understand how to implement using atomic design.
Naveen
- 19
- 1
- 7
0
votes
2 answers
Handlebars Passing Data with Patternlab
I am using Patternlab, Handlebars and Gulp as a prototyping tool. Currently I have an organism that is trying to pass data to an atom in a loop. I am getting the following error.
Error: Parse error on line 12:
...bLabels}} {{>…
caraclarke
- 370
- 1
- 5
- 24