grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
파일 탐색기
최종 버전 다운로드 (.zip)- config.yml
- grommet-component.agent.md
- accessibility.md
- architecture.md
- forms.md
- i18n.md
- styling.md
- testing.md
- grommet-component.instructions.md
- grommet-tests.instructions.md
- bug_report.yml
- scaffold-component.prompt.md
- accessibility.md
- architecture.md
- forms.md
- i18n.md
- styling.md
- EXAMPLES.md
- REFERENCE.md
- SKILL.md
- REFERENCE.md
- SKILL.md
- REFERENCE.md
- SKILL.md
- license.yml
- copilot-instructions.md
- dco.yml
- PULL_REQUEST_TEMPLATE.md
- yarn-4.3.1.cjs
- index.html
- App.js
- index.js
- dateinput-test.js
- heading-test.js
- webpack.config.js
- index.d.ts
- default-props-test.js.snap
- default-props-test.js
- DefaultTheme.stories.js
- ExtendTheme.stories.tsx
- Focus.stories.tsx
- AllComponents.stories.js
- Colors.stories.js
- TypographyLarge.stories.js
- TypographyMedium.stories.js
- TypographySmall.stories.js
- components-test.js.snap
- FocusedContainer-test.js.snap
- components-test.js
- FocusedContainer-test.js
- Accordion-test.tsx.snap
- Accordion-test.tsx
- Custom.stories.js
- Rich.stories.tsx
- CustomHeader.stories.js
- Multiple.stories.js
- Simple.stories.js
- Accordion.js
- AccordionContext.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- AccordionPanel.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- Anchor-test.tsx.snap
- Anchor-test.tsx
- Color.stories.js
- Default.stories.js
- Gap.stories.js
- Size.stories.js
- Weight.stories.js
- Anchor.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledAnchor.js
- Avatar-test.tsx.snap
- Avatar-test.tsx
- Themed.stories.js
- Stacked.stories.tsx
- Basic.stories.js
- Round.stories.js
- Sizes.stories.js
- Avatar.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledAvatar.js
- Box-layout-test.tsx.snap
- Box-style-test.tsx.snap
- Box-test.tsx.snap
- Box-deprecation-test.tsx
- Box-layout-test.tsx
- Box-style-test.tsx
- Box-test.tsx
- ThemedBackground.stories.tsx
- Animation.stories.js
- Background.stories.js
- BackgroundThemed.stories.js
- Border.stories.js
- Custom.stories.js
- Elevation.stories.js
- Fixed.stories.js
- MinMax.stories.js
- OnClick.stories.js
- ResponsiveContainer.stories.js
- Round.stories.js
- RTL.stories.js
- Simple.stories.js
- Box.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- ResponsiveContainerProvider.js
- StyledBox.js
- Button-kind-test.js.snap
- Button-test.tsx.snap
- buttonKindTheme.js
- Button-deprecation-test.tsx
- Button-kind-test.js
- Button-test.tsx
- Active.stories.js
- ChildrenPlainOption.stories.js
- Plain.stories.js
- ThemedButtons.stories.js
- Typescript.stories.tsx
- Badge.stories.tsx
- Children.stories.tsx
- Active.stories.js
- Basic.stories.js
- Busy.stories.js
- Fill.stories.js
- Icon.stories.js
- IconLabel.stories.js
- Kind.stories.js
- Multiple.stories.js
- RoutedButton.stories.js
- Sizes.stories.js
- TipOnButton.stories.js
- Badge.js
- BusyAnimation.js
- Button.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledButton.js
- StyledButtonKind.js
- Calendar-test.tsx.snap
- Calendar-test.tsx
- CustomDate.stories.tsx
- CustomSizeHeading.stories.js
- ActiveDate.stories.js
- CustomDay.stories.js
- CustomHeader.stories.js
- DaylightSavings.stories.js
- Dual.stories.js
- Fill.stories.js
- HeaderLevel.stories.js
- Multiple.stories.js
- Range.stories.js
- ShowAdjacentDays.stories.js
- Simple.stories.js
- SundayFirstDay.stories.js
- Calendar.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledCalendar.js
- utils.js
- Card-test.tsx.snap
- Card-test.tsx
- Clickable.stories.js
- RichFooter.stories.js
- Stacked.stories.js
- Themed.stories.js
- Simple.stories.js
- Card.js
- index.d.ts
- index.js
- README.md
- CardBody.js
- index.d.ts
- index.js
- README.md
- CardFooter.js
- index.d.ts
- index.js
- README.md
- CardHeader.js
- index.d.ts
- index.js
- README.md
- Cards-test.tsx.snap
- Cards-test.tsx
- Children.stories.js
- onOrder.stories.js
- Paginated.stories.js
- Simple.stories.js
- Sizable.stories.js
- Cards.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledCellContainer.js
- Carousel-test.tsx.snap
- Carousel-test.tsx
- Custom.stories.js
- Icons.stories.tsx
- Autoplay.stories.js
- Controlled.stories.js
- ControlVariations.stories.js
- InteractiveChild.stories.js
- Multiple.stories.js
- Simple.stories.js
- Carousel.js
- CarouselChild.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledCarousel.js
- Chart-test.tsx.snap
- Chart-test.tsx
- utils-test.js
- Animate.stories.js
- Dash.stories.js
- data.js
- Gradient.stories.js
- Horizontal.stories.js
- Labelled.stories.js
- Layout.stories.js
- Pattern.stories.js
- Point.stories.js
- Range.stories.js
- Rich.stories.js
- Round.stories.js
- Scan.stories.js
- ValueStyle.stories.js
- Window.stories.js
- Zoom.stories.js
- calcs.js
- Chart.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledChart.js
- utils.js
- CheckBox-test.tsx.snap
- CheckBox-test.tsx
- Custom.stories.js
- CustomToggle.stories.js
- Children.stories.js
- Indeterminate.stories.js
- NoLabel.stories.js
- Simple.stories.js
- WithStickyDiv.stories.js
- CheckBox.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledCheckBox.js
- CheckBoxGroup-test.tsx.snap
- CheckBoxGroup-test.tsx
- Children.stories.js
- Disabled.stories.js
- InitialValues.stories.js
- Simple.stories.js
- CheckBoxGroup.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledCheckBoxGroup.js
- Clock-test.tsx.snap
- Clock-test.tsx
- CustomAnalog.stories.tsx
- Digital.stories.js
- Analog.stories.js
- Countdown.stories.js
- Analog.js
- Clock.js
- Digital.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledClock.js
- Collapsible-test.tsx.snap
- Collapsible-test.tsx
- Horizontal.stories.js
- Nested.stories.js
- Simple.stories.js
- Collapsible.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- Data-test.tsx.snap
- Data-test.tsx
- Cards.stories.js
- Complex.stories.js
- ComposedToolbar.stories.js
- Infinite.stories.js
- Inline.stories.js
- List.stories.js
- OnSelect.stories.js
- Properties.stories.js
- Simple.stories.js
- SpaceX.stories.js
- StarWars.stories.js
- Views.stories.js
- Data.js
- DataForm.js
- filter.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- DataChart-test.tsx.snap
- DataChart-test.tsx
- Size.stories.tsx
- Axis.stories.js
- Detail.stories.js
- Everything.stories.js
- FourDimension.stories.js
- Guide.stories.js
- GuideDefault.stories.js
- Horizontal.stories.js
- Legend.stories.js
- MultipleTypes.stories.js
- Offset.stories.js
- Pad.stories.js
- Pattern.stories.js
- Placeholder.stories.js
- Prediction.stories.js
- Simple.stories.js
- StackedAreas.stories.js
- StackedBars.stories.js
- StackedLines.stories.js
- DataChart.js
- Detail.js
- index.d.ts
- index.js
- Legend.js
- propTypes.js
- README.md
- Swatch.js
- utils.js
- XAxis.js
- XGuide.js
- YAxis.js
- YGuide.js
- DataClearFilters-test.tsx.snap
- DataClearFilters-test.tsx
- Simple.stories.js
- DataClearFilters.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- DataFilter-test.tsx.snap
- DataFilter-test.tsx
- Simple.stories.js
- DataFilter.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- DataFilters-test.tsx.snap
- DataFilters-test.tsx
- Drop.stories.js
- Layer.stories.js
- Simple.stories.js
- DataFilters.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- DataSearch-test.tsx.snap
- DataSearch-test.tsx
- Drop.stories.js
- Responsive.stories.js
- Simple.stories.js
- UpdateOnSubmit.stories.js
- DataSearch.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- DataSort-test.tsx.snap
- DataSort-test.tsx
- Drop.stories.js
- Simple.stories.js
- DataSort.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- DataSummary-test.tsx.snap
- DataSummary-test.tsx
- Simple.stories.js
- DataSummary.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- DataTable-test.tsx.snap
- DataTable-test.tsx
- Custom.stories.js
- Fill.stories.js
- Clickable.stories.tsx
- OnSelect.stories.tsx
- Paginated.stories.tsx
- AllowSelectAll.stories.js
- ColumnSize.stories.js
- Controlled.stories.js
- ControlledGrouped.stories.js
- data.js
- Grouped.stories.js
- GroupedOnSelect.stories.js
- InfiniteScrollDataTable.stories.js
- MultiplePin.stories.js
- NoPrimary.stories.js
- OnUpdate.stories.js
- Placeholder.stories.js
- ResizableColumns.stories.js
- ResizePinned.stories.js
- rowDetails.stories.js
- Served.stories.js
- Show.stories.js
- Simple.stories.js
- Sized.stories.js
- Sort.stories.js
- SpaceX.stories.js
- SpaceXUngrouped.stories.js
- Styled.stories.js
- Tunable.stories.js
- Units.stories.js
- VerticalAlign.stories.js
- Body.js
- buildState.js
- Cell.js
- DataTable.js
- ExpanderCell.js
- Footer.js
- GroupedBody.js
- Header.js
- index.d.ts
- index.js
- PlaceholderBody.js
- propTypes.js
- README.md
- Resizer.js
- Searcher.js
- Sorter.js
- StyledDataTable.js
- DataTableColumns-test.tsx.snap
- DataTableColumns-test.tsx
- DefaultValue.stories.js
- OrderColumns.stories.js
- Pinned.stories.js
- SelectColumns.stories.js
- Simple.stories.js
- DataTableColumns.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- DataTableGroupBy-test.tsx.snap
- DataTableGroupBy-test.tsx
- Simple.stories.js
- DataTableGroupBy.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- DataView-test.tsx.snap
- DataView-test.tsx
- Simple.stories.js
- DataView.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- DateInput-test.tsx.snap
- DateInput-test.tsx
- European.stories.tsx
- Form.stories.js
- Format.stories.js
- FormatInline.stories.js
- Inline.stories.js
- Range.stories.js
- RangeFormat.stories.js
- ReadOnly.stories.js
- ResetDate.stories.js
- Simple.stories.js
- DateInput.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- utils.js
- DateTimeInput-test.tsx
- Custom.stories.tsx
- Form.stories.tsx
- Inline.stories.tsx
- Locale.stories.tsx
- Simple.stories.tsx
- DateTimeInput.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledDateTimeInput.js
- Diagram-test.tsx.snap
- Diagram-test.tsx
- Connections.stories.tsx
- Animated.stories.js
- data.js
- Progressing.stories.js
- Diagram.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledDiagram.js
- Distribution-test.tsx.snap
- Distribution-test.tsx
- Simple.stories.tsx
- Distribution.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- Drop-test.tsx.snap
- Drop-test.tsx
- Lazy.stories.js
- Themed.stories.js
- AllNotStretched.stories.js
- Inline.stories.js
- Meter.stories.js
- Multiple.stories.js
- Overflow.stories.js
- Plain.stories.js
- Progressive.stories.js
- Simple.stories.js
- Styled.stories.js
- Drop.js
- DropContainer.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledDrop.js
- DropButton-test.tsx.snap
- DropButton-test.tsx
- Calendar.stories.tsx
- Menu.stories.js
- Simple.stories.js
- DropButton.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- FileInput-test.tsx.snap
- FileInput-test.tsx
- Custom.stories.js
- ConfirmRemove.stories.js
- MaxFileCount.stories.js
- MaxSize.stories.js
- Multiple.stories.js
- Simple.stories.js
- formatBytes.js
- FileInput.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledFileInput.js
- Footer-test.tsx.snap
- Footer-test.tsx
- data.js
- DoubleFooter.stories.js
- Simple.stories.js
- Sitemap.stories.js
- Social.stories.js
- Footer.js
- index.d.ts
- index.js
- README.md
- Form-test-controlled.tsx.snap
- Form-test-uncontrolled.tsx.snap
- Form-test-controlled.tsx
- Form-test-uncontrolled.tsx
- Custom.stories.js
- FieldBorderPosition.stories.js
- FieldCustomStates.stories.js
- FieldSpacingOptions.stories.js
- RequiredLabel.stories.js
- Themed.stories.js
- TypedForm.stories.tsx
- AggregateValidation.stories.js
- ArrayOfFormFields.stories.js
- Controlled.stories.js
- ControlledInput.stories.js
- ControlledInputLazy.stories.js
- ControlledLazy.stories.js
- DynamicFields.stories.js
- FieldStates.stories.js
- FieldWithChildren.stories.js
- HelpAndError.stories.js
- SolicitedFeedback.stories.js
- TriggerValidationUsingFormField.stories.js
- Uncontrolled.stories.js
- UnsolicitedFeedback.stories.js
- ValidateOnBlur.stories.js
- ValidateOnChange.stories.js
- ValidateOnMount.stories.js
- Form.js
- FormContext.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- FormField-test.tsx.snap
- FormField-test.tsx
- Custom.stories.tsx
- Simple.stories.js
- ThresholdValidation.stories.js
- FormField.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- Grid-test.tsx.snap
- Grid-test.tsx
- Responsive.stories.js
- App.stories.tsx
- AreasPropAlternative.stories.js
- Border.stories.js
- NColumn.stories.js
- Percentages.stories.js
- ResponsiveCards.stories.js
- Grid.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledGrid.js
- Grommet-test.js.snap
- Grommet-test.js
- Background.stories.js
- Messages.stories.js
- Plain.stories.js
- Theme.stories.js
- ThemeMode.stories.js
- Vars.stories.js
- Grommet.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledGrommet.js
- Header-test.tsx.snap
- Header-test.tsx
- Ref.stories.tsx
- Simple.stories.tsx
- Responsive.stories.js
- Sticky.stories.js
- Header.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- Heading-test.tsx.snap
- Heading-test.tsx
- CustomHeading.stories.js
- Extend.stories.js
- All.stories.js
- Heading.js
- HeadingSkeleton.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledHeading.js
- Image-test.tsx.snap
- Image-test.tsx
- Fallback.stories.js
- Fill.stories.js
- Fit.stories.js
- Opacity.stories.js
- Simple.stories.js
- Image.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledImage.js
- InfiniteScroll-test.tsx.snap
- InfiniteScroll-test.tsx
- OnMore.stories.tsx
- OnMoreStep.stories.tsx
- Basics.stories.js
- ClassChildren.stories.js
- Grid.stories.js
- GridWithShow.stories.js
- HeightReplace.stories.js
- Marker.stories.js
- Replace.stories.js
- Show.stories.js
- ShowAfter.stories.js
- ShowBefore.stories.js
- Variable.stories.js
- index.d.ts
- index.js
- InfiniteScroll.js
- propTypes.js
- README.md
- Keyboard-test.tsx.snap
- Keyboard-test.tsx
- OnDocument.stories.js
- index.d.ts
- index.js
- Keyboard.js
- propTypes.js
- README.md
- Layer-test.tsx.snap
- Layer-test.tsx
- Round.stories.js
- Center.stories.js
- Corner.stories.js
- Form.stories.js
- Full.stories.js
- Notification.stories.js
- Plain.stories.js
- RTL.stories.js
- ScrollBody.stories.js
- Target.stories.js
- index.d.ts
- index.js
- Layer.js
- LayerContainer.d.ts
- LayerContainer.js
- PortalContext.js
- propTypes.js
- README.md
- StyledLayer.js
- List-test.tsx.snap
- List-test.tsx
- ThemedList.stories.tsx
- Action.stories.js
- Basic.stories.js
- Children.stories.js
- Disabled.stories.js
- onClickItem.stories.js
- Order.stories.js
- Paginated.stories.js
- Pinned.stories.js
- RenderedList.stories.js
- secondaryKey.stories.js
- Selection.stories.js
- Show.stories.js
- index.d.ts
- index.js
- List.js
- propTypes.js
- README.md
- Main-test.tsx.snap
- Main-test.tsx
- Simple.stories.tsx
- index.d.ts
- index.js
- Main.js
- README.md
- Markdown-test.tsx.snap
- Markdown-test.tsx
- Override.stories.js
- Simple.stories.js
- index.d.ts
- index.js
- Markdown.js
- propTypes.js
- README.md
- MaskedInput-test.tsx.snap
- MaskedInput-test.tsx
- Email.stories.tsx
- CustomBox.stories.js
- Date.stories.js
- DateRange.stories.js
- DateTimeDrop.stories.js
- Filtered.stories.js
- Form.stories.js
- IPv4Address.stories.js
- IPV4Range.stories.js
- Phone.stories.js
- SizeUnits.stories.js
- Time.stories.js
- URL.stories.js
- index.d.ts
- index.js
- MaskedInput.js
- propTypes.js
- README.md
- StyledMaskedInput.js
- Menu-test.js.snap
- Menu-test.js
- Themed.stories.tsx
- Children.stories.tsx
- BottomControlButton.stories.js
- Grouped.stories.js
- ItemWithIcon.stories.js
- Justify.stories.js
- Reverse.stories.js
- Simple.stories.js
- index.d.ts
- index.js
- Menu.js
- propTypes.js
- README.md
- Meter-test.tsx.snap
- Meter-test.tsx
- MultipleValues.stories.tsx
- Bar.stories.js
- Circle.stories.js
- Labelled.stories.js
- Pie.stories.js
- ReverseBar.stories.js
- SemiCircle.stories.js
- VerticalBar.stories.js
- VerticalBarMultiple.stories.js
- Bar.js
- Circle.js
- index.d.ts
- index.js
- Meter.js
- propTypes.js
- README.md
- StyledMeter.js
- utils.js
- NameValueList-test.tsx.snap
- NameValueList-test.tsx
- Themed.stories.tsx
- Align.stories.js
- CustomName.stories.js
- CustomValue.stories.js
- data.js
- Layout.stories.js
- PairProps.stories.js
- Simple.stories.js
- Width.stories.js
- index.d.ts
- index.js
- NameValueList.js
- NameValueListContext.js
- propTypes.js
- README.md
- NameValuePair-test.tsx.snap
- NameValuePair-test.tsx
- index.d.ts
- index.js
- NameValuePair.js
- propTypes.js
- README.md
- Nav-test.tsx.snap
- Nav-test.tsx
- CustomAnchor.stories.js
- JustifySidebar.stories.js
- Collapsable.stories.js
- OnHeader.stories.js
- Sidebar.stories.js
- Simple.stories.js
- index.d.ts
- index.js
- Nav.js
- README.md
- Notification-test.tsx.snap
- Notification-test.tsx
- ThemedNotification.stories.tsx
- Global.stories.js
- Status.stories.js
- Title.stories.js
- TitleAndMessage.stories.js
- index.d.ts
- index.js
- Notification.js
- propTypes.js
- README.md
- Page-test.tsx.snap
- Page-test.tsx
- LeftColumn.stories.js
- Background.stories.js
- ContentBackground.stories.js
- GlobalHeader.stories.js
- MultipleBackgrounds.stories.js
- MultipleContent.stories.js
- PageNotificaton.stories.js
- Simple.stories.js
- index.d.ts
- index.js
- Page.js
- PageContext.js
- propTypes.js
- README.md
- index.d.ts
- index.js
- PageContent.js
- propTypes.js
- README.md
- PageHeader-test.tsx.snap
- PageHeader-test.tsx
- Custom.stories.js
- Level.stories.js
- MultipleActions.stories.js
- Responsive.stories.js
- Simple.stories.js
- Size.stories.js
- index.d.ts
- index.js
- PageHeader.js
- propTypes.js
- Pagination-test.tsx.snap
- Pagination-test.tsx
- Custom.stories.tsx
- Grid.stories.js
- NumberEdgePages.stories.js
- NumberMiddlePages.stories.js
- Simple.stories.js
- Size.stories.js
- Steps.stories.js
- index.d.ts
- index.js
- PageControl.js
- Pagination.js
- PaginationStep.js
- PaginationSummary.js
- propTypes.js
- README.md
- StyledPageControl.js
- Paragraph-test.tsx.snap
- Paragraph-test.tsx
- Themed.stories.js
- All.stories.js
- MaxLines.stories.js
- index.d.ts
- index.js
- Paragraph.js
- ParagraphSkeleton.js
- propTypes.js
- README.md
- StyledParagraph.js
- RadioButton-test.tsx.snap
- RadioButton-test.tsx
- Theme.stories.js
- Children.stories.js
- Disabled.stories.js
- Simple.stories.js
- index.d.ts
- index.js
- propTypes.js
- RadioButton.js
- README.md
- StyledRadioButton.js
- RadioButtonGroup-test.tsx.snap
- RadioButtonGroup-test.tsx
- CustomTheme.stories.js
- Simple.stories.tsx
- Children.stories.js
- Disabled.stories.js
- index.d.ts
- index.js
- propTypes.js
- RadioButtonGroup.js
- README.md
- RangeInput-test.tsx.snap
- RangeInput-test.tsx
- Bounds.stories.js
- CustomRange.stories.tsx
- Disabled.stories.js
- TrackColor.stories.js
- SimpleRange.stories.js
- index.d.ts
- index.js
- propTypes.js
- RangeInput.js
- README.md
- StyledRangeInput.js
- RangeSelector-test.tsx.snap
- RangeSelector-test.tsx
- Custom.stories.js
- CustomEdgeControl.stories.js
- Basic.stories.js
- Label.stories.js
- Simple.stories.js
- Step.stories.js
- Thin.stories.js
- Vertical.stories.js
- EdgeControl.js
- index.d.ts
- index.js
- propTypes.js
- RangeSelector.js
- README.md
- RoutedAnchor-test.js.snap
- RoutedAnchor-test.js
- index.d.ts
- index.js
- README.md
- RoutedAnchor.js
- RouterContext.js
- RoutedButton-test.js.snap
- RoutedButton-test.js
- index.d.ts
- index.js
- README.md
- RoutedButton.js
- RouterContext.js
- Select-multiple-test.js.snap
- Select-test.js.snap
- Select-multiple-test.js
- Select-test.js
- SearchBorderBox.js
- SearchInput.js
- CustomSearch.stories.js
- CreateOption.stories.tsx
- ChildrenRender.stories.js
- Clear.stories.js
- Controlled.stories.js
- Disabled.stories.js
- InsideFormField.stories.js
- LazyLoadingOptions.stories.js
- ManyOptions.stories.js
- Multiple.stories.js
- ObjectOptions.stories.js
- Search.stories.js
- Simple.stories.js
- theme.js
- Uncontrolled.stories.js
- ValueLabel.stories.js
- DefaultSelectTextInput.js
- EmptySearchOption.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- Select.js
- SelectContainer.js
- StyledSelect.js
- utils.js
- SelectMultiple-test.tsx.snap
- SelectMultiple-test.tsx
- Children.stories.tsx
- ValueLabel.stories.tsx
- CustomMessages.stories.js
- Default.stories.js
- Disabled.stories.js
- FormField.stories.js
- Help.stories.js
- Limited.stories.js
- LongList.stories.js
- ObjectOptions.stories.js
- ShowSelectedInline.stories.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- SelectionSummary.js
- SelectMultiple.js
- SelectMultipleContainer.js
- SelectMultipleValue.js
- Sidebar-test.tsx.snap
- Sidebar-test.tsx
- Labels.stories.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- Sidebar.js
- Skeleton-test.tsx.snap
- Skeleton-test.tsx
- Custom.stories.js
- GridContainer.stories.js
- Group.stories.js
- Individual.stories.js
- Simple.stories.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- Skeleton.js
- SkeletonContext.js
- StyledSkeleton.js
- index.d.ts
- index.js
- SkipLink.js
- SkipLink-test.tsx.snap
- SkipLink-test.tsx
- Themed.stories.js
- Simple.stories.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- SkipLinks.js
- index.d.ts
- index.js
- SkipLinkTarget.js
- Spinner-test.tsx.snap
- Spinner-test.tsx
- ThemedIcon.stories.tsx
- ThemedSpinner.stories.tsx
- Animation.stories.js
- Announced.stories.js
- Border.stories.js
- ChildrenSpinner.stories.js
- Color.stories.js
- Modal.stories.js
- Round.stories.js
- Simple.stories.js
- Size.stories.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- Spinner.js
- Stack-test.tsx.snap
- Stack-test.tsx
- Fill.stories.js
- Simple.stories.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- Stack.js
- StyledStack.js
- StarRating-tests.tsx.snap
- StarRating-tests.tsx
- simple.stories.js
- index.d.ts
- index.js
- README.MD
- StarRating.js
- Stepper-test.js.snap
- Stepper-test.js
- DisabledSteps.stories.js
- ErrorStates.stories.js
- HorizontalSteps.stories.js
- Interactive.stories.js
- KeyboardNavigation.stories.js
- NestedSubSteps.stories.js
- ReadOnly.stories.js
- ThemingLightDark.stories.js
- VerticalSteps.stories.js
- index.d.ts
- index.js
- propTypes.js
- StepConnector.js
- Stepper.js
- StepperContext.js
- StepperDescription.js
- StepperHelperText.js
- StepperIndicator.js
- StepperLabel.js
- StepperStep.js
- StyledStepper.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledTab.js
- Tab.js
- Table-test.tsx.snap
- Table-test.tsx
- Custom.stories.js
- data.js
- Default.stories.js
- InfiniteScrollInTable.stories.js
- MeterInTable.stories.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledTable.js
- Table.js
- TableContext.js
- index.d.ts
- index.js
- README.md
- TableBody.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- TableCell.js
- index.d.ts
- index.js
- README.md
- TableFooter.js
- index.d.ts
- index.js
- README.md
- TableHeader.js
- index.d.ts
- index.js
- README.md
- TableRow.js
- Tabs-test.tsx.snap
- Tabs-test.tsx
- Custom.stories.js
- States.stories.js
- Controlled.stories.tsx
- Responsive.stories.js
- Rich.stories.js
- Scrollable.stories.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledTabs.js
- Tabs.js
- TabsContext.js
- Tag-test.tsx.snap
- Tag-test.tsx
- OnClick.stories.js
- OnRemove.stories.js
- Simple.stories.js
- Size.stories.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledTag.js
- Tag.js
- Text-test.tsx.snap
- Text-test.tsx
- All.stories.js
- Tip.stories.js
- WordBreak.stories.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledText.js
- Text.js
- TextContext.js
- TextSkeleton.js
- TextArea-test.tsx.snap
- TextArea-test.tsx
- Themed.stories.js
- InsideFormField.stories.js
- NonResizable.stories.js
- Simple.stories.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledTextArea.js
- TextArea.js
- TextInput-test.tsx.snap
- TextInput-test.tsx
- DefaultSuggestion.stories.js
- Icon.stories.js
- InsideFormField.stories.js
- OnSelect.stories.js
- Password.stories.js
- ReadOnly.stories.js
- Simple.stories.js
- StyledPlaceholder.stories.js
- Suggestions.stories.js
- Uncontrolled.stories.js
- WithTags.stories.js
- CopyButton.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledTextInput.js
- TextInput.js
- ThumbsRating.tsx.snap
- ThumbsRating.tsx
- simple.stories.js
- index.d.ts
- index.js
- README.md
- ThumbsRating.js
- TimeInput-test.tsx
- Controlled.stories.tsx
- Disabled.stories.tsx
- Form.stories.tsx
- ReadOnly.stories.tsx
- Simple.stories.tsx
- Step.stories.tsx
- ThemingLightDark.stories.tsx
- Uncontrolled.stories.tsx
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledTimeInput.js
- TimeInput.js
- TimeInputPopup.js
- useSectionedTimeField.js
- utils.js
- Tip-test.tsx.snap
- Tip-test.tsx
- ResponsiveTip.stories.js
- SidebarTip.stories.js
- Themed.stories.tsx
- Animated.stories.tsx
- Children.stories.tsx
- Simple.stories.tsx
- Caret.stories.js
- HeaderActions.stories.js
- InfoTip.stories.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- Tip.js
- ToggleGroup-test.tsx.snap
- ToggleGroup-test.tsx
- Controlled.stories.js
- multiple.stories.tsx
- simple.stories.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledToggleGroup.js
- ToggleGroup.js
- Toolbar-test.js.snap
- Toolbar-test.js
- Simple.stories.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- Toolbar.js
- Video-test.tsx.snap
- small.mp4
- Video-test.tsx
- ControlsBelow.stories.tsx
- Simple.stories.tsx
- TheaterMode.stories.tsx
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledVideo.js
- Video.js
- Wizard-test.js
- BasicLinear.stories.js
- Branching.stories.js
- Composable.stories.js
- Controlled.stories.js
- LongContent.stories.js
- Modal.stories.js
- NestedSubSteps.stories.js
- Validation.stories.js
- index.d.ts
- index.js
- propTypes.js
- StyledWizard.js
- Wizard.js
- WizardContent.js
- WizardContext.js
- WizardFooter.js
- WizardHeader.js
- WizardProgress.js
- WizardStepHeader.js
- WorldMap-test.tsx.snap
- WorldMap-test.tsx
- Color.stories.js
- Continents.stories.js
- Places.stories.js
- SelectPlace.stories.js
- Simple.stories.js
- index.d.ts
- index.js
- propTypes.js
- README.md
- StyledWorldMap.js
- WorldMap.js
- FocusedContainer.js
- index.d.ts
- index.js
- AnalyticsContext.js
- index.d.ts
- index.js
- Assertive.stories.js
- Polite.stories.js
- AnnounceContext.js
- index.d.ts
- index.js
- propTypes.js
- ContainerTargetContext.js
- index.d.ts
- index.js
- index.js
- MessageContext.js
- ResponsiveContext-test.js.snap
- ResponsiveContext-test.js
- CustomBreakpoints.stories.js
- ResponsiveGrid.stories.js
- index.d.ts
- index.js
- propTypes.js
- ResponsiveContext.js
- ExternalComponent.stories.js
- ThemeContextExtend.stories.js
- index.d.ts
- index.js
- propTypes.js
- ThemeContext.js
- DataContext.js
- DataFormContext.js
- index.js
- OptionsContext.js
- ResponsiveContainerContext.js
- RootsContext.js
- default.json
- theme-test.js.snap
- theme-test.js
- base.d.ts
- base.js
- dark.d.ts
- dark.js
- grommet.d.ts
- grommet.js
- hacktoberfest2022.js
- index.d.ts
- index.js
- object-test.js.snap
- colors-test.js
- mixins-test.js
- object-test.js
- animation.js
- background.js
- border.js
- colors.js
- dates.js
- DOM.js
- general-prop-types.js
- graphics.js
- icon.js
- index.d.ts
- index.js
- mixins.js
- object.js
- pagination.js
- portal.d.ts
- portal.js
- PortalContext.js
- readOnly.js
- refs.js
- responsive.js
- router.js
- sectionHelpers.js
- styles.js
- use-debounce.js
- use-isomorphic-layout-effect.js
- use-keyboard.js
- useControlled.js
- useId.js
- useSectionedField.js
- useThemeValue.js
- default-props.d.ts
- default-props.js
- index.d.ts
- index.js
- setupTests.js
- grommet-logo.svg
- large_video.mp4
- small-en-description.vtt
- small-en.vtt
- small.mp4
- .babelrc
- .eslintrc
- main.js
- manager-head.html
- manager.js
- preview-head.html
- preview.js
- sizeMapper.js
- storySourceLoader.js
- theme.js
- webpack.config.js
- .eslintrc
- grommet-babel-preset-es2015.js
- license-header.js
- pack.js
- release-stable.js
- release-styled-components-beta-stable.js
- .babelrc
- .editorconfig
- .gitignore
- .prettierignore
- .prettierrc
- .testcaferc.json
- .yarnrc.yml
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- COPYRIGHT.md
- eslint.config.mjs
- LICENSE
- netlify.toml
- package.json
- README.md
- tsconfig.json
- tsconfig.tests.json
- webpack.config.babel.js
- yarn.lock
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/grommet/grommet
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd grommet
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Node.js
쉬움 추천사전 준비물
$ npm install grommet styled-components --save
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
$ yarn add grommet styled-components
이 명령어를 터미널에 그대로 입력해 실행하세요.
$ npm run storybook
이 명령어를 터미널에 그대로 입력해 실행하세요.
$ yarn storybook
이 명령어를 터미널에 그대로 입력해 실행하세요.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)
