--- title: React Dashboard with UX4G framework: react --- # React Dashboard Example A simple dashboard using UX4G navbar, cards, table, and buttons. ## Setup ```bash npm install ux4g-web-components ``` ## App.jsx ```jsx import 'ux4g-web-components/styles.css'; import 'ux4g-web-components/design-system'; function App() { return (

Applications

12 submitted

Pending

3 awaiting action

Approved

9 approved

Recent Applications

Service Date Status
Income Certificate 12 Jul 2026 Approved
Caste Certificate 10 Jul 2026 Pending
); } export default App; ``` ## Notes - Replace class names with the exact ones from the [Button](../components/buttons.md), [Card](../components/card.md), [Table](../components/table.md), and [Badge](../components/badge.md) LLM docs. - Set `data-theme="dark"` on `` to switch to dark mode.