🎨UI Components

For consistency, it is recommend to reuse the UI components currently in the Sunflower Land repository. This makes it quick and easy to build out beautiful user interfaces for your Portal!

• Labels

• Modals

• Buttons

• Panels

• Icons

These components are readily available to use inside of your portal.

Example:

```typescriptreact
 <Modal centered show>
          <Panel>
            <div className="p-2">
              <Label type="danger">Error</Label>
              <span className="text-sm my-2">Your session has expired</span>
            </div>
            <Button onClick={() => console.log("Clicked"}>Login</Button>
          </Panel>
        </Modal>
```

Custom Styles

By default, Sunflower Land uses the styles.css file to specify custom global CSS styles. You can update this file if you wish to override any existing styles.