> Modern SCSS Module-based Design System
npm install podo-ui> Modern SCSS Module-based Design System
English | 한국어
``bash`
npm install podo-ui
`typescript`
// main.tsx
import 'podo-ui/global.scss';
import 'podo-ui/vite-fonts.scss'; // When using Vite
`scss
// component.module.scss
@use 'podo-ui/mixin' as *;
.myComponent {
color: color(primary);
margin: s(4);
border-radius: r(2);
}
`
`tsx
// Import individual components using named imports
import { Input, Textarea, Editor, EditorView, Avatar, Field, Pagination } from 'podo-ui';
// Or import components directly (legacy method)
import Input from 'podo-ui/react/atom/input';
import Avatar from 'podo-ui/react/atom/avatar';
import Field from 'podo-ui/react/molecule/field';
``
- CSS class-based design system
- Responsive grid system (PC 12, Tablet 6, Mobile 4)
- Color system with dark mode support
- React components (Avatar, Input, Textarea, Editor, Field)
For detailed usage, please refer to the official documentation.
- Official Documentation
- GitHub Repository
- Report Issues
MIT