svelte-materialify
A Material UI Design Component library for Svelte heavily inspired by vuetify.
파일 탐색기
최종 버전 다운로드 (.zip)- ci.yml
- banner.png
- banner.psd
- logo-128.png
- logo-192.png
- logo-500.png
- logo-512.png
- logo.svg
- maskable_icon.png
- svelte-materialify.svg
- index.js
- generate.js
- Alert.json
- all.json
- AppBar.json
- Avatar.json
- Badge.json
- Breadcrumbs.json
- Button.json
- ButtonGroup.json
- ButtonGroupItem.json
- Card.json
- CardActions.json
- CardSubtitle.json
- CardText.json
- CardTitle.json
- Carousel.json
- CarouselItem.json
- Checkbox.json
- Chip.json
- Col.json
- Container.json
- DataTable.json
- DataTableBody.json
- DataTableCell.json
- DataTableHead.json
- DataTableRow.json
- Dialog.json
- Divider.json
- ExpansionPanel.json
- ExpansionPanels.json
- Footer.json
- Icon.json
- index.js
- Input.json
- ItemGroup.json
- Lazy.json
- List.json
- ListGroup.json
- ListItem.json
- ListItemGroup.json
- MaterialApp.json
- MaterialAppMin.json
- Menu.json
- NavigationDrawer.json
- Overlay.json
- ProgressCircular.json
- ProgressLinear.json
- Radio.json
- Row.json
- Select.json
- SlideGroup.json
- SlideItem.json
- Slider.json
- Snackbar.json
- Subheader.json
- Switch.json
- Tab.json
- TabContent.json
- Table.json
- Tabs.json
- Textarea.json
- TextField.json
- Tooltip.json
- VirtualList.json
- Window.json
- WindowItem.json
- package.json
- examples.js
- preprocess.js
- worker.js
- Alert.svelte
- Example.svelte
- Layout.svelte
- Markup.svelte
- Playground.svelte
- RelatedPages.svelte
- LeftNavigationDrawer.svelte
- Loading.svelte
- RightNavigationDrawer.svelte
- SiteNavigation.svelte
- Meta.svelte
- border.svelte
- coloredBorder.svelte
- colors.svelte
- dense.svelte
- dismissible.svelte
- icon.svelte
- outlined.svelte
- text.svelte
- transition.svelte
- basic.svelte
- collapse.svelte
- dense.svelte
- drawer.svelte
- size.svelte
- tile.svelte
- types.svelte
- basic.svelte
- notifications.svelte
- offset.svelte
- corner.svelte
- side.svelte
- sizes.svelte
- basic.svelte
- customDivider.svelte
- slots.svelte
- block.svelte
- depressed.svelte
- fab.svelte
- icon.svelte
- outlined.svelte
- raised.svelte
- rounded.svelte
- sizing.svelte
- text.svelte
- tile.svelte
- basic.svelte
- mandatory.svelte
- multiple.svelte
- selectable.svelte
- customActions.svelte
- grids.svelte
- horizontal.svelte
- information.svelte
- outlined.svelte
- colors.svelte
- groups.svelte
- states.svelte
- closable.svelte
- colored.svelte
- icon.svelte
- label.svelte
- outlined.svelte
- sizes.svelte
- usage.svelte
- basic.svelte
- column-sorting.svelte
- fixed-header.svelte
- pagination.svelte
- progress-indicator.svelte
- row-selection.svelte
- basic.svelte
- fullscreen.svelte
- modal.svelte
- nested.svelte
- horizontal.svelte
- inset.svelte
- vertical.svelte
- elevations.svelte
- accordion.svelte
- basic.svelte
- customIcon.svelte
- disabled.svelte
- externalControl.svelte
- inset.svelte
- multiple.svelte
- popout.svelte
- align.svelte
- alignContent.svelte
- alignSelf.svelte
- direction.svelte
- justify.svelte
- float.svelte
- absolute.svelte
- company.svelte
- padless.svelte
- _wrapper.svelte
- align.svelte
- breakpoint.svelte
- margin.svelte
- offset.svelte
- usage.svelte
- color.svelte
- disabled.svelte
- types.svelte
- usage.svelte
- usage.svelte
- avatar.svelte
- basic.svelte
- dense.svelte
- disabled.svelte
- navigation.svelte
- nested.svelte
- subheading.svelte
- activeClass.svelte
- controls.svelte
- mandatory.svelte
- multiple.svelte
- usage.svelte
- absolute.svelte
- basic.svelte
- contentClick.svelte
- hover.svelte
- offsets.svelte
- transitions.svelte
- colored.svelte
- mini.svelte
- right.svelte
- temporary.svelte
- absolute.svelte
- color.svelte
- loader.svelte
- opacity.svelte
- usage.svelte
- color.svelte
- indeterminate.svelte
- rotate.svelte
- size.svelte
- usage.svelte
- indeterminate.svelte
- reversed.svelte
- slots.svelte
- stream.svelte
- striped.svelte
- usage.svelte
- colors.svelte
- groups.svelte
- states.svelte
- center.svelte
- components.svelte
- customColor.svelte
- basic.svelte
- chips.svelte
- disabled.svelte
- icons.svelte
- multiple.svelte
- namevalue.svelte
- activeClass.svelte
- centerActive.svelte
- mandatory.svelte
- multiple.svelte
- colors.svelte
- disabled.svelte
- icons.svelte
- inverseLabel.svelte
- minMax.svelte
- range.svelte
- readonly.svelte
- step.svelte
- thumb.svelte
- actions.svelte
- timeout.svelte
- variants.svelte
- playground.svelte
- grid.svelte
- inset.svelte
- usage.svelte
- colors.svelte
- dense.svelte
- groups.svelte
- inset.svelte
- states.svelte
- centeredActive.svelte
- extension.svelte
- fixedTabs.svelte
- grow.svelte
- icons.svelte
- vertical.svelte
- counter.svelte
- grow.svelte
- icons.svelte
- noResize.svelte
- variants.svelte
- clearable.svelte
- counter.svelte
- dense.svelte
- disabled.svelte
- icons.svelte
- label.svelte
- password.svelte
- validation.svelte
- variants.svelte
- alignment.svelte
- variants.svelte
- visibility.svelte
- usage.svelte
- alignment.svelte
- decoration.svelte
- opacity.svelte
- transform.svelte
- typography.svelte
- weight.svelte
- basic.svelte
- reverse.svelte
- vertical.svelte
- Alert.svelte
- AppBar.svelte
- Avatar.svelte
- Breadcrumbs.svelte
- Button.svelte
- Card.svelte
- Chip.svelte
- Icon.svelte
- NavigationDrawer.svelte
- click-outside.md
- intersect.md
- jump.md
- ripple.md
- touch.md
- [slug].json.js
- [slug].svelte
- alerts.md
- app-bar.md
- autocomplete.md
- avatars.md
- badges.md
- breadcrumbs.md
- button-groups.md
- buttons.md
- cards.md
- carousels.md
- checkboxes.md
- chips.md
- data-table.md
- dialog.md
- dividers.md
- expansion-panels.md
- footer.md
- grid.md
- icons.md
- lazy.md
- list-item-groups.md
- lists.md
- material-app.md
- menus.md
- navigation-drawer.md
- overlay.md
- progress-circular.md
- progress-linear.md
- radio.md
- selects.md
- slide-groups.md
- sliders.md
- snackbars.md
- subheader.md
- switches.md
- tabs.md
- text-field.md
- textarea.md
- tooltips.md
- virtual-lists.md
- windows.md
- contributing.md
- installation.md
- usage.md
- border-radius.md
- colors.md
- content.md
- display-helpers.md
- elevation.md
- flex.md
- float.md
- reset.md
- spacing.md
- text-and-typography.md
- _error.svelte
- _layout.svelte
- index.svelte
- sitemap.xml.js
- links.js
- routes.js
- stores.js
- client.js
- server.js
- service-worker.js
- template.html
- material-dark.css
- material-light.css
- favicon.png
- logo-192.png
- logo-512.png
- manifest.json
- maskable_icon.png
- robots.txt
- styles.css
- svelte-logo.png
- _material-theme.scss
- .gitignore
- package.json
- rollup.config.js
- Alert.d.ts
- AppBar.d.ts
- Avatar.d.ts
- Badge.d.ts
- Breadcrumbs.d.ts
- Button.d.ts
- Card.d.ts
- CardActions.d.ts
- CardSubtitle.d.ts
- CardText.d.ts
- CardTitle.d.ts
- Checkbox.d.ts
- Chip.d.ts
- ClickOutside.d.ts
- Col.d.ts
- Container.d.ts
- DataTable.d.ts
- DataTableBody.d.ts
- DataTableCell.d.ts
- DataTableHead.d.ts
- DataTableRow.d.ts
- Dialog.d.ts
- Divider.d.ts
- ExpansionPanel.d.ts
- ExpansionPanels.d.ts
- Footer.d.ts
- Icon.d.ts
- index.d.ts
- Input.d.ts
- Intersect.d.ts
- ItemGroup.d.ts
- Jump.d.ts
- List.d.ts
- ListGroup.d.ts
- ListItem.d.ts
- ListItemGroup.d.ts
- MaterialApp.d.ts
- MaterialAppMin.d.ts
- Menu.d.ts
- NavigationDrawer.d.ts
- Overlay.d.ts
- ProgressCircular.d.ts
- ProgressLinear.d.ts
- Radio.d.ts
- Ripple.d.ts
- Row.d.ts
- Select.d.ts
- shared.d.ts
- Slider.d.ts
- Snackbar.d.ts
- Subheader.d.ts
- Switch.d.ts
- Tab.d.ts
- TabContent.d.ts
- Table.d.ts
- Tabs.d.ts
- Textarea.d.ts
- TextField.d.ts
- Tooltip.d.ts
- Touch.d.ts
- VirtualList.d.ts
- Window.d.ts
- WindowItem.d.ts
- index.js
- index.js
- index.js
- jump.js
- index.js
- material-ripple.js
- index.js
- _variables.scss
- Alert.scss
- Alert.svelte
- index.js
- _variables.scss
- AppBar.scss
- AppBar.svelte
- index.js
- _variables.scss
- Avatar.scss
- Avatar.svelte
- index.js
- _variables.scss
- Badge.scss
- Badge.svelte
- index.js
- _variables.scss
- Breadcrumbs.scss
- Breadcrumbs.svelte
- index.js
- _variables.scss
- Button.scss
- Button.svelte
- index.js
- _variables.scss
- ButtonGroup.scss
- ButtonGroup.svelte
- ButtonGroupItem.scss
- ButtonGroupItem.svelte
- index.js
- _variables.scss
- Card.scss
- Card.svelte
- CardActions.scss
- CardActions.svelte
- CardSubtitle.scss
- CardSubtitle.svelte
- CardText.scss
- CardText.svelte
- CardTitle.scss
- CardTitle.svelte
- index.js
- _variables.scss
- Checkbox.scss
- Checkbox.svelte
- index.js
- _variables.scss
- Chip.scss
- Chip.svelte
- index.js
- _variables.scss
- DataTable.scss
- DataTable.svelte
- DataTableBody.scss
- DataTableBody.svelte
- DataTableCell.scss
- DataTableCell.svelte
- DataTableHead.scss
- DataTableHead.svelte
- DataTableRow.svelte
- index.js
- _variables.scss
- Dialog.scss
- Dialog.svelte
- index.js
- _variables.scss
- Divider.scss
- Divider.svelte
- index.js
- _variables.scss
- ExpansionPanel.scss
- ExpansionPanel.svelte
- ExpansionPanels.scss
- ExpansionPanels.svelte
- index.js
- _variables.scss
- Footer.scss
- Footer.svelte
- index.js
- Col.scss
- Col.svelte
- Container.svelte
- index.js
- Row.scss
- Row.svelte
- Icon.scss
- Icon.svelte
- index.js
- _variables.scss
- index.js
- Input.scss
- Input.svelte
- _variables.scss
- index.js
- ItemGroup.scss
- ItemGroup.svelte
- index.js
- Lazy.svelte
- _variables.scss
- index.js
- List.scss
- List.svelte
- ListGroup.scss
- ListGroup.svelte
- ListItem.scss
- ListItem.svelte
- ListItemGroup.scss
- ListItemGroup.svelte
- index.js
- MaterialApp.scss
- MaterialApp.svelte
- MaterialAppMin.scss
- MaterialAppMin.svelte
- _variables.scss
- index.js
- Menu.scss
- Menu.svelte
- _variables.scss
- index.js
- NavigationDrawer.scss
- NavigationDrawer.svelte
- index.js
- Overlay.scss
- Overlay.svelte
- _variables.scss
- index.js
- ProgressCircular.scss
- ProgressCircular.svelte
- _variables.scss
- index.js
- ProgressLinear.scss
- ProgressLinear.svelte
- _variables.scss
- index.js
- Radio.scss
- Radio.svelte
- _variables.scss
- index.js
- Select.scss
- Select.svelte
- _variables.scss
- index.js
- SlideGroup.scss
- SlideGroup.svelte
- SlideItem.svelte
- _variables.scss
- index.js
- nouislider.min.js
- Slider.scss
- Slider.svelte
- _variables.scss
- index.js
- Snackbar.scss
- Snackbar.svelte
- _variables.scss
- index.js
- Subheader.scss
- Subheader.svelte
- _variables.scss
- index.js
- Switch.scss
- Switch.svelte
- _variables.scss
- index.js
- Table.scss
- Table.svelte
- _variables.scss
- index.js
- Tab.scss
- Tab.svelte
- TabContent.svelte
- Tabs.scss
- Tabs.svelte
- _variables.scss
- index.js
- Textarea.scss
- Textarea.svelte
- _variables.scss
- index.js
- TextField.scss
- TextField.svelte
- _variables.scss
- index.js
- Tooltip.scss
- Tooltip.svelte
- index.js
- VirtualList.svelte
- _variables.scss
- index.js
- Window.scss
- Window.svelte
- WindowItem.scss
- WindowItem.svelte
- index.js
- index.js
- close.js
- down.js
- next.js
- prev.js
- index.js
- index.js
- index.js
- _blockquote.scss
- _code.scss
- _global.scss
- _headings.scss
- _index.scss
- _lists.scss
- _color.scss
- _display.scss
- _elevation.scss
- _flex.scss
- _float.scss
- _index.scss
- _radius.scss
- _reset.scss
- _spacing.scss
- _typography.scss
- _breakpoints.scss
- _colors.scss
- _elevation.scss
- _functions.scss
- _index.scss
- _global.scss
- _theme.scss
- _variables.scss
- breakpoints.js
- colors.js
- index.d.ts
- index.js
- spec.js
- slots_are_proper.svelte
- spec.js
- custom_divider.svelte
- spec.js
- spec.js
- spec.js
- _material-theme.scss
- .gitignore
- babel.config.js
- CHANGELOG.md
- jest.config.js
- package.json
- preprocess.js
- rollup.config.js
- svelte.config.js
- .editorconfig
- .eslintignore
- .eslintrc.js
- .gitattributes
- .gitignore
- .gitpod.yml
- .prettierignore
- .prettierrc
- .stylelintignore
- .stylelintrc
- CODE_OF_CONDUCT.md
- commitlint.config.js
- lerna.json
- LICENSE
- package.json
- README.md
- svelte-materialify.code-workspace
- vercel.json
- yarn.lock
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/TheComputerM/svelte-materialify
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd svelte-materialify
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Node.js
쉬움 추천사전 준비물
<img src="https://img.shields.io/npm/dt/svelte-materialify.svg" alt="Downloads">
이 명령어를 터미널에 그대로 입력해 실행하세요.
<img src="https://img.shields.io/npm/dm/svelte-materialify.svg" alt="Downloads">
이 명령어를 터미널에 그대로 입력해 실행하세요.
<img src="https://img.shields.io/npm/l/svelte-materialify.svg" alt="License">
이 명령어를 터미널에 그대로 입력해 실행하세요.
<img src="https://img.shields.io/npm/v/svelte-materialify.svg" alt="Version">
이 명령어를 터미널에 그대로 입력해 실행하세요.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)
