Button

[meenow708]

Hi,
i wrote below code to add button which can redirect me to the my dashboard but the button is not appear on the view.

can any one have a solution please?

import React from 'react';
import { Button, Flex } from '@itwin/itwinui-react';
import { UiItemsProvider } from "@itwin/appui-abstract";

export class DashboardButton implements UiItemsProvider {
public readonly id = "DashboardButton";

render() {
const handleButtonClick = () => {
// Redirect to the specified URL
window.location.href = 'https://lookerstudio.google.com/embed/reporting/6466750c-4ed8-4892-9feb-19a9ccd60481/page/Qk6oD';
};

return (
  <Flex>
    <Button onClick={handleButtonClick}>Dashboard</Button>
  </Flex>
);

}
}

The below code is the app.tsx file code, i have attached the images the code which i have added to the app.tsx file, please let me know.

![image](https://github.com/iTwin/community/assets/157709671/703e73e2-1eef-4ef9-

b025-d5f304b37bb2)

It will be pleasure if anybody take a step to help!

[aruniverse]

It doesnt look like you correctly implemented the UiItemsProvider. Please have a look at the AppUI Samples

[meenow708]

if u have any single button example for redirecting to any web or any dashboard than please show me!

i want button that should reflect on this view.