Leave Yamada UI a star
Search the docs
Components for building the layout of the project, such as Box and Stack, are available.
Box
Stack
AspectRatio is a component for embedding things like videos and maps while maintaining the aspect ratio.
AspectRatio
Box is the most abstract component on which all other components are built. By default, it renders a div element.
div
Center is a component that aligns the child elements in the center within the component.
Center
Container is a component used as a general division element. By default, it renders the section element.
Container
section
Divider is a component that represents a division between elements.
Divider
Flex is a component that sets flex to Box. Also, convenient style shorthand is available.
Flex
flex
Grid is a component for managing grid layouts. It also comes with handy style shorthand.
Grid
SimpleGrid is a component that makes Grid simpler and more user-friendly.
SimpleGrid
Spacer is a component used to add space between elements.
Spacer
Stack is a component that groups elements and provides spacing between child elements.
Wrap is a component that has wrap set on Flex. It inherits convenient style shorthand from Flex.
Wrap
wrap
Edit this page on GitHub