atherosai / ui

Simple UI examples from my social media
https://learning.atheros.ai
10.5k stars 1.85k forks source link

suggestion: Sidebar examples with submenus #13

Open aaronhudon-pq opened 5 months ago

aaronhudon-pq commented 5 months ago

The sidebar templates are fantastic.

Suggestion: add some examples expanding/collapsing submenus:

[Dashboard] [Payments] [Analytics]


[Dashboard] [Payments] (clicked/expanded) [Submenu1] [Submenu2] [Submenu3]

AgentKaash commented 2 months ago

@a7v8x , @aaronhudon-pq i like to add these as it suggested earlier.

Emerson727 commented 2 months ago

[Dashboard] SystemAdministrationDashboard extends TPage { /**

smk1993 commented 2 months ago

I am trying to contribute , but unable to run in local npm run dev is not working , can anyone help please

prajeshElEvEn commented 2 months ago

I am trying to contribute , but unable to run in local npm run dev is not working , can anyone help please

You're not able to run npm run dev, because there is no such command available in package.json file.

If you'd take a look at the contents of package.json file, you can find, under the scripts attribute, there is no such command as dev.

{
  ...
  "scripts": {
    "deploy": "npm run compress:imgs && npm run build && rm -rf node_modules react-examples/node_modules",
    "build": "npm run build:react-examples && node index.mjs",
    "build:react-examples": "cd react-examples && npm i && npm run build",
    "compress:imgs": "npx compress-images-with-sharp 80 ./ original"
  },
  ...
}

The next.js code is available inside react-examples directory. Here you can run npm i and then npm run dev. However, when you'll visit http://localhost:3000, you'll see page not found error. This is because, in this particular repository, the author is building next.js code and then using the static html files in order to display the components.

So, in order to run the code.

  1. Install dependencies
    npm i
  2. Build the code
    npm run build
  3. Open index.html in a browser. Alternatively, you can use Live Server extension in vs-code in order to run your code.
Armanxrza commented 3 weeks ago

this is how it looks!!

Screenshot 2024-04-24 204756

prajeshElEvEn commented 3 weeks ago

this is how it looks!! Please help

Screenshot 2024-04-24 204756

Yes, that's correct. What do you need help with?

Armanxrza commented 3 weeks ago

ohh fine, It Worked!! The Link was Not Opening; Now its Working