Pages component section | Betty Blocks Documentation

Design and build the web page(s) for your application using components from the Pages menu. You can scroll through the page builder menu to navigate to a specific component.

Components are grouped into the following categories:

Layout components: Column 2 Columns 3 Columns 4 Columns Container Box Grid Paper Panel Expansion pane; Drawer Drawer container Drawer Sidebar Column Layout
Navigation components: Navigation bar Menu Menu Item Breadcrumbs Breadcrumb Item Tabs Tab Stepper Step
Content components: Title Text Alert Icon Divider Snackbar Progress bar Media Dialog Chip Avatar Carousel Carousel image
Button components Button Open page Action button Logout button
Data components: Data container Data list Data table Data table column Detail view Detail view child Filter List with data
Form components: Form Submit button Create form Update form Login form Text area Text field Number Password Price Email Autocomplete Decimal Date time picker Date picker Time picker Switch Select Image upload File upload Checkbox group Checkbox Hidden IBAN Multi autocomplete Phone Radio Rich text editor URL
List components: List List item List subheader Subview Subview item
Card components: Card Card content Card header Card media Card actions
Logic components: Conditional

Each category contains a related set of components. For example, form components provide formats that can be used in a form, while logic components are used to define how and why other components are shown or utilized.

➝ Next article: Working with component tree

Content component reference

Form component reference

List component reference

Interaction reference

Subview components