✨ A simple, lightweight UI component library for React.
MIT License
val-design is a simple component library, built with React.js and TypeScript, mainly for learning, or you can optimize or encapsulate it for production use. If you have any issues, or better suggestions, welcome to put them in the issues or discussion, and I will be very grateful.
React component library
, welcome to submit issues or ideas.Vite
TypeScript
and React Hooks
.storybook
for local debugging and auto-generate component library documentation.react-doc-gen
.Icon
components are secondary encapsulated using react-fontawesome
.React v18
.To check out the guide, visit https://valcosmos.github.io/val-design. 📚
To check out the example, visit https://stackblitz.com/edit/vitejs-vite-jvn7fm. 📚
npm i val-design
yarn add val-design
And import style manually:
import 'val-design/dist/index.css'
And import button:
import { Button } from 'val-design'
function App() {
return (
<>
<Button type="primary" size="lg">
val design
</Button>
</>
)
}
Use StackBlitz
clone locally:
git clone [email protected]:valcosmos/val-design.git
cd val-design
pnpm install --shamefully-hoist
pnpm storybook
Open your browser and visit http://localhost:6006
You can write down any issues you have under this link.
val-design is MIT licensed.