Last active
January 26, 2022 18:10
-
-
Save 0xIslamTaha/0f9ad6092f6b266aed1c8e69ba4033d0 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ```bash | |
| Cards_designer | |
| patterns-cards--stacked ✔️️ | |
| patterns-cards--expandable ✔️️ | |
| Cards | |
| patterns-cards--mini ❌ | |
| patterns-cards--placeholder ✔️️ | |
| patterns-cards--content-card ❌ | |
| patterns-cards--expandable ✔️️ | |
| patterns-cards--stacked ✔️️ | |
| Table | |
| components-table--basic ✔️️ | |
| components-table--data-table-with-one-action ✔️️ | |
| components-table--data-table-with-multiple-actions ✔️️ | |
| components-table--data-table-with-tree-data ✔️️ | |
| components-table--tree-table-paginated ❌ | |
| components-table--editable-table ✔️️ | |
| components-table--row-alignments ❌ | |
| components-table--expandable-row ✔️️ | |
| components-table--remote-data-inside-table ✔️️ | |
| components-table--remote-data-outside-table ✔️️ | |
| components-table--cell-formatting ❌ | |
| Badge | |
| components-badge--default ❌ | |
| TextField | |
| components-text-field--default ❌ | |
| components-text-field--large ❌ | |
| components-text-field--search-field ✔️️ | |
| components-text-field--statuses ❌ | |
| components-text-field--helper-text ✔️️ | |
| components-text-field--text-area ❌ | |
| components-text-field--numerical-input ❌ | |
| Toggle | |
| components-toggle--toggle-off ✔️️ | |
| components-toggle--toggle-on ✔️️ | |
| components-toggle--toggle-with-label ✔️️ | |
| PageHeader | |
| patterns-page-header--nameplate ✔️️ | |
| patterns-page-header--nameplate-location ✔️️ | |
| patterns-page-header--image-cover ✔️️ | |
| patterns-page-header--branded-cover ✔️️ | |
| patterns-page-header--location-cover ✔️️ | |
| patterns-page-header--nameplate-error ✔️️ | |
| patterns-page-header--nameplate-location-error ✔️️ | |
| patterns-page-header--image-cover-error ✔️️ | |
| patterns-page-header--location-cover-error ✔️️ | |
| patterns-page-header--composition-tabs ✔️️ | |
| patterns-page-header--with-filters-and-button ✔️️ | |
| patterns-page-header--with-search-and-button ✔️️ | |
| patterns-page-header--with-filters ✔️️ | |
| patterns-page-header--with-search ✔️️ | |
| patterns-page-header--composition-filters-page ✔️️ | |
| patterns-page-header--composition-filters-tabs ✔️️ | |
| Placeholder | |
| base-constituents-placeholder--fixed ✔️️ | |
| base-constituents-placeholder--flexible ✔️️ | |
| Alert | |
| components-alert--single-alert ✔️️ | |
| components-alert--page-composition ✔️️ | |
| Autosuggestion | |
| components-autosuggestion--story ❌ | |
| NavigationButton | |
| base-constituents-navigation-button--default ❌ | |
| base-constituents-navigation-button--accordion-collection ❌ | |
| LineCharts | |
| patterns-line-chart--default ❌ | |
| patterns-line-chart--default ❌ | |
| Filters | |
| patterns-filters--simple ✔️️ | |
| patterns-filters--advanced ✔️️ | |
| patterns-filters--search ✔️️ | |
| patterns-filters--advanced-searching ✔️️ | |
| patterns-filters--single ✔️️ | |
| patterns-filters--multiple-select ✔️️ | |
| patterns-filters--exact-search ✔️️ | |
| patterns-filters--free-search ✔️️ | |
| patterns-filters--composition-header ✔️️ | |
| patterns-filters--loader-example ✔️️ | |
| Dialog | |
| components-dialog--confirmation ✔️️ | |
| components-dialog--deletion ✔️️ | |
| components-dialog--with-three-actions ✔️️ | |
| components-dialog--with-a-form ✔️️ | |
| Radio | |
| components-radio--in-row ✔️️ | |
| components-radio--in-column ✔️️ | |
| components-radio--with-helper-text ✔️️ | |
| Popover | |
| components-popover--basic ✔️️ | |
| components-popover--with-one-action ✔️️ | |
| components-popover--with-two-actions ✔️️ | |
| components-popover--wizard ✔️️ | |
| PageControl | |
| patterns-page-content-control--default ❌ | |
| Grid | |
| guidelines-grid--basic ❌ | |
| guidelines-grid--with-breakpoints ❌ | |
| Chip | |
| components-chip--basic ✔️️ | |
| components-chip--dismissible ✔️️ | |
| components-chip--with-icon-or-avatar ✔️️ | |
| components-chip--with-badge ✔️️ | |
| components-chip--color-variation ✔️️ | |
| Link | |
| components-link--basic ❌ | |
| components-link--variation ❌ | |
| Form | |
| patterns-form--form-page ❌ | |
| patterns-form--form-dialog ❌ | |
| ListItemAvatar | |
| base-constituents-list-list-item-avatar--default ❌ | |
| base-constituents-list-list-item-avatar--initials ❌ | |
| Tiles | |
| patterns-tiles--default ❌ | |
| patterns-tiles--default-status-bar ✔️️ | |
| patterns-tiles--default-no-status ✔️️ | |
| patterns-tiles--default-avatar ✔️️ | |
| patterns-tiles--default-image ✔️️ | |
| patterns-tiles--compact ❌ | |
| patterns-tiles--mini-tile ❌ | |
| patterns-tiles--custom-default ✔️️ | |
| patterns-tiles--custom-status-bar ✔️️ | |
| patterns-tiles--custom-no-status ✔️️ | |
| patterns-tiles--custom-avatar ✔️️ | |
| patterns-tiles--custom-image ✔️️ | |
| patterns-tiles--custom-compact ✔️️ | |
| patterns-tiles--custom-size ❌ | |
| patterns-tiles--tiles-list ❌ | |
| Drawer | |
| base-constituents-drawer--default ❌ | |
| Checkbox | |
| components-checkbox--single-checkbox ✔️️ | |
| components-checkbox--group-checkboxes ✔️️ | |
| Tooltip | |
| components-tooltip--default ✔️️ | |
| components-tooltip--with-title ✔️️ | |
| Truncate | |
| base-constituents-truncation--helper-text-truncate ✔️️ | |
| base-constituents-truncation--widget-title ✔️️ | |
| Breadcrumbs | |
| components-breadcrumbs--desktop-basic ✔️️ | |
| components-breadcrumbs--large-variant-with-app-bar-actions ❌ | |
| Tabs | |
| components-tabs--default ❌ | |
| components-tabs--with-icon ❌ | |
| components-tabs--with-primary-counter ✔️️ | |
| components-tabs--with-pulsating-counter ✔️️ | |
| Snackbar | |
| components-snackbar--default ✔️️ | |
| components-snackbar--with-action ✔️️ | |
| components-snackbar--with-icon ✔️️ | |
| AppBar | |
| components-app-bar--composition ✔️️ | |
| Box | |
| base-constituents-box--spacing ✔️️ | |
| Picker | |
| components-picker--date-picker-example ✔️️ | |
| components-picker--date-picker-label ✔️️ | |
| components-picker--date-picker-modal ✔️️ | |
| components-picker--time-picker-example ✔️️ | |
| components-picker--time-picker-label ✔️️ | |
| components-picker--date-range-picker-example ✔️️ | |
| components-picker--time-range-picker-example ✔️️ | |
| components-picker--date-time-picker-example ✔️️ | |
| components-picker--date-time-range-picker-example ✔️️ | |
| components-picker--date-range-time-range-picker-example ✔️️ | |
| components-picker--large-pickers ❌ | |
| components-picker--date-picker-error ❌ | |
| components-picker--time-picker-error ❌ | |
| components-picker--date-time-range-picker-error ❌ | |
| components-picker--disabled-events ❌ | |
| components-picker--optional-pickers ❌ | |
| CombinedInput | |
| components-combined-input--story ❌ | |
| PageLayout_designer | |
| guidelines-layout-page-layout--wide ❌ | |
| https://www.figma.com/file/Ep1G0sOmPRPI0C5SahnH6l/?node-id=208%3A18920❌ | |
| PageLayout | |
| PageLayout_developer | |
| guidelines-layout-page-layout--wide ❌ | |
| guidelines-layout-page-layout--paneled ❌ | |
| guidelines-layout-page-layout--narrow ❌ | |
| Avatar | |
| components-avatar--image-avatar ✔️️ | |
| components-avatar--text-avatar ✔️️ | |
| Panels | |
| patterns-control-panels--default ❌ | |
| patterns-control-panels--default ❌ | |
| patterns-control-panels--paginated ❌ | |
| patterns-control-panels--default ❌ | |
| patterns-control-panels--filtering ❌ | |
| patterns-control-panels--paginated ❌ | |
| patterns-control-panels--error ❌ | |
| patterns-control-panels--simple-sorting ❌ | |
| patterns-control-panels--advanced-sorting ❌ | |
| patterns-control-panels--navigation-panel ❌ | |
| Surface | |
| base-constituents-surface--background ✔️️ | |
| base-constituents-surface--border ✔️️ | |
| base-constituents-surface--shape ❌ | |
| base-constituents-surface--elevation ✔️️ | |
| base-constituents-surface--size-auto ❌ | |
| base-constituents-surface--size-manual ✔️️ | |
| base-constituents-surface--tiles ❌ | |
| base-constituents-surface--menus ❌ | |
| base-constituents-surface--placeholders ❌ | |
| Pagination | |
| components-pagination--default ❌ | |
| components-pagination--complex ❌ | |
| ListPattern_designer | |
| patterns-list--composing-list ❌ | |
| ListPattern | |
| patterns-list--basic-list ❌ | |
| patterns-list--composing-list ❌ | |
| patterns-list--nested-list ❌ | |
| List | |
| base-constituents-list--story ✔️️ | |
| Widgets | |
| h4 id=anatomy ❌ | |
| patterns-widgets--data ❌ | |
| patterns-widgets--map-widget ✔️️ | |
| patterns-widgets--image ❌ | |
| patterns-widgets--expandable ✔️️ | |
| patterns-widgets--stacked ❌ | |
| patterns-widgets--error-state ✔️️ | |
| patterns-widgets--upload-image ✔️️ | |
| patterns-widgets--no-data ❌ | |
| Typography | |
| styles-typography--size ❌ | |
| styles-typography--spacing ❌ | |
| styles-typography--weight ❌ | |
| styles-typography--color ❌ | |
| styles-typography--position ❌ | |
| styles-typography--pairing ❌ | |
| NavigationDrawer | |
| components-navigation-drawer--default-story ✔️️ | |
| components-navigation-drawer--nested ✔️️ | |
| components-navigation-drawer--controlled ✔️️ | |
| components-navigation-drawer--with-tooltips ✔️️ | |
| components-navigation-drawer--with-titles ❌ | |
| components-navigation-drawer--page-composition ✔️️ | |
| Sort | |
| components-sort--single-sort-button ✔️️ | |
| components-sort--button-group ❌ | |
| components-sort--sort-parameter ✔️️ | |
| components-sort--sort-menu-group ✔️️ | |
| components-sort--sort-collection ❌ | |
| components-sort--sort-menu-collection ✔️️ | |
| components-sort--sort-multiple-collection ✔️️ | |
| components-sort--default-sort ❌ | |
| components-sort--simple-sort ❌ | |
| ThemeProvider | |
| base-constituents-theme-provider--customized-primary-palette✔️️ | |
| base-constituents-theme-provider--customized-elevation-levels✔️️ | |
| base-constituents-theme-provider--custom-font ✔️️ | |
| base-constituents-theme-provider--theme-override ✔️️ | |
| base-constituents-theme-provider--dark-mode ✔️️ | |
| FormHelperText | |
| components-helper-text--default ✔️️ | |
| components-helper-text--success ✔️️ | |
| components-helper-text--warning ✔️️ | |
| components-helper-text--error ✔️️ | |
| ContextualTabs | |
| components-contextual-tabs--label-with-icon ❌ | |
| components-contextual-tabs--only-icon ❌ | |
| Button | |
| components-button--circular-button ✔️️ | |
| Menu | |
| components-menu--default ✔️️ | |
| components-menu--with-icons ✔️️ | |
| components-menu--structured ✔️️ | |
| components-menu--with-submenu ✔️️ | |
| components-menu--multiple-uncontrolled ✔️️ | |
| components-menu--multiple-controlled ✔️️ | |
| ErrorPages | |
| patterns-error-pages--not-found ✔️️ | |
| patterns-error-pages--not-found-alt ✔️️ | |
| patterns-error-pages--access-denied-big ✔️️ | |
| patterns-error-pages--network-error ❌ | |
| patterns-error-pages--no-entity ✔️️ | |
| patterns-error-pages--access-denied ✔️️ | |
| patterns-error-pages--no-data-added ✔️️ | |
| patterns-error-pages--no-data ✔️️ | |
| patterns-error-pages--no-alerts ✔️️ | |
| patterns-error-pages--no-results ✔️️ | |
| patterns-error-pages--dialog-expired ✔️️ | |
| patterns-error-pages--dialog-timeout ✔️️ | |
| Stepper | |
| components-stepper--desktop ✔️️ | |
| components-stepper--mobile ✔️️ | |
| components-stepper--non-linear ❌ | |
| AccordionPattern_developer | |
| patterns-accordion--stacked ❌ | |
| patterns-accordion--nested ❌ | |
| AccordionPattern | |
| Accordion | |
| base-constituents-accordion--default ✔️️ | |
| base-constituents-accordion--wrapper ✔️️ | |
| Select | |
| components-select--default ✔️️ | |
| MultipleSelection | |
| components-multiple-selection--story ❌ | |
| Popper | |
| base-constituents-popper--default ❌ | |
| base-constituents-popper--with-walkthrough ✔️️ | |
| base-constituents-popper--with-button ✔️️ | |
| CircularProgress | |
| components-circular-progress--blue ✔️️ | |
| components-circular-progress--white ✔️️ | |
| components-circular-progress--small ✔️️ | |
| components-circular-progress--medium ✔️️ | |
| components-circular-progress--large ✔️️ | |
| components-circular-progress--extra-large ✔️️ | |
| Icon | |
| styles-icon--kpi-icon ❌ | |
| styles-icon--button-icon ❌ | |
| styles-icon--button-icon-circular ❌ | |
| styles-icon--sizes ❌ | |
| styles-icon--pulsating ❌ | |
| ``` |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment