SectionHeader

Default

Day	Night

On Dark

Day	Night

Installation

Backpack Compose is available through Maven Central. Check the main Readme for a complete installation guide.

Usage

Basic section header with a title.

If you don't specify a style parameter it will use the .default type

                                                
                                                    import net.skyscanner.backpack.compose.sectionheader.BpkSectionHeader
                                                
                                                    BpkSectionHeader(
                                                        title = stringResource(R.string.section_header_title),
                                                    )

Section header with a title and description.

                                                
                                                    import net.skyscanner.backpack.compose.sectionheader.BpkSectionHeader
                                                
                                                    BpkSectionHeader(
                                                        title = stringResource(R.string.section_header_title),
                                                        description = stringResource(R.string.section_header_description),
                                                    )

Section header with a title, description and trailing button.

                                                
                                                    import net.skyscanner.backpack.compose.sectionheader.BpkSectionHeader
                                                    import net.skyscanner.backpack.compose.sectionheader.BpkSectionHeaderButton
                                                
                                                    BpkSectionHeader(
                                                        title = stringResource(R.string.section_header_title),
                                                        description = stringResource(R.string.section_header_description),
                                                        button = BpkSectionHeaderButton(
                                                            text = stringResource(R.string.section_header_button_text),
                                                            onClick = {},
                                                        ),
                                                    )

Section header with a title, description, trailing button and onDark style.

                                                
                                                    import net.skyscanner.backpack.compose.sectionheader.BpkSectionHeader
                                                    import net.skyscanner.backpack.compose.sectionheader.BpkSectionHeaderButton
                                                
                                                    BpkSectionHeader(
                                                        title = stringResource(R.string.section_header_title),
                                                        description = stringResource(R.string.section_header_description),
                                                        button = BpkSectionHeaderButton(
                                                            text = stringResource(R.string.section_header_button_text),
                                                            onClick = {},
                                                        ),
                                                        type = OnDark,
                                                    )