Form label

Label text is used to inform users as to what information is requested for a text field. Every text field should have a label.

Default

Storybook failed to load.

Disabled

Storybook failed to load.

Required

Storybook failed to load.

Invalid

Storybook failed to load.

White

Storybook failed to load.

bpk-component-label

Backpack label component.

Installation

Check the main Readme for a complete installation guide.

Usage


                                                
                                                import BpkLabel from '@skyscanner/backpack-web/bpk-component-label';
                                                
                                                export default () => (
                                                  <BpkLabel htmlFor="origin">Origin</BpkLabel>
                                                )

Props

Property PropType Required Default Value
children node true -
disabled bool false false
invalid bool false false
required bool false false
white bool false false

 

Floating notification
iOS
Form validation
Web

Made with ❤️ by Skyscanner © 2023

© 2023 Skyscanner Backpack. Page last updated on Nov 2, 2022, 15:29