Web compoonent Packages

<LogoPercentEdit/> allows user to enter and edit text with type of percentage.

<LogoPieChart/> is a type of graph that represents the data in the circular graph

<LogoPolarChart/> is a chart that presents grouped data displays different data points on a radial axis.

<LogoPopupMenu/> typically used to display circular user profile pictures

<LogoPreviewList/> is used to display a certain portion of list data.

<LogoCircleBar /> and <LogoLinearProgressBar /> express an unspecified wait time or display the length of a process.

<LogoQRCode/> generates qr code

<LogoRadarChart/> a graphical method of displaying multivariate data in the form of a two-dimensional chart of three or more quantitative variables represented on axes starting from the same point.

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

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

<LogoScatterChart/> is a chart that shows the relationship between two variables.

<LogoDrawer/> is a left side navigation menu appears scrolling left or pressing hamburger icon button.

<LogoFab/> is a small button set to let user select multiple options.

<LogoFileUploader/> is a component for uploading files and camera roll assets.

<LogoFormCell/> is a singleline item to take quick actions and accesses on the screen.

<LogoGIF/> typically used to display gif .

<LogoIcon/> allows user to get the icon from the icon list in figma.

<LogoKpiCard/> enables a deeper understanding of a single KPI value.

<LogoLabel/> is used for text input labels according to the design in Figma.

<LogoLineChart/> is a chart uses points connected by line segments from left to right to demonstrate changes in value.