Web compoonent Packages

<LogoSearchBar/> allows user to search typing in the textinput field and <LogoSearchOptionsArea/> allows user to get search options while searching.

<LogoSelect/> is a dropdown menu for displaying selectable options.

<LogoSheetBottom/> is surfaces containing supplementary content that are anchored to the bottom of the screen.

<LogoSlider /> allows users to make selections from a range of values. <LogoMultiSlider /> allows users to make selections between two ranges of values.

<LogoSpinner/> is used for text input spinners according to the design in Figma.

<LogoTextInput/> allows user to enter and edit text.

<LogoTooltip/> allows user to get a tooltip of the anchor component.

<LogoTopNavigation /> provides a heading component for the entire page.

<LogoAlert/> allows user to launch an alert dialog with the specified title and message.

<LogoBottomTab/> allows user to navigate between screens with the bottomt tab.

<LogoBreadCrumb/> consist of a list of links that help a user visualize a page's location within the hierarchical structure of the app, and allow navigation up to any of its 'ancestors'.

<LogoCheckBox/> allows user to select the item or turn an option on or off.

<LogoDatePicker/> allows user to select the date from Calender.

<LogoDropdown/> is a dropdown menu for displaying selectable options.

<LogoFabButton/> is a floating action button that allows users to perform actions.

<LogoImageList/> display a collection of images in an organized grid.

<LogoMenu/> is a versatile menu for navigation.

<LogoNavigationDrawer/> allow user to navigate between screens with drawer.

<LogoRadioButtonListPaper/> allows user to select one or more items from a set or turn the options on or off.

<LogoRadioButtonPaper/> allows user to select the item or turn an option on or off.