diff --git a/README.md b/README.md index 9ca7431817..ccc00246f2 100644 --- a/README.md +++ b/README.md @@ -60,7 +60,7 @@ Feel free to open up problems or send pull requests. We will always be looking a > Before opening a issue make sure it exists. -See the [contribution guided](/CONTRIBUTING.md) for more details. +See the [contribution guide](/CONTRIBUTING.md) for more details. ### Setup diff --git a/clayui.com/content/docs/components/css-badges.md b/clayui.com/content/docs/components/css-badges.md index 1595595ccc..4b9bb2bbda 100644 --- a/clayui.com/content/docs/components/css-badges.md +++ b/clayui.com/content/docs/components/css-badges.md @@ -20,7 +20,7 @@ description: 'Badges help highlight important information, such as notifications
- Badge Sizes have been removed. Use the clay-badge-size($sassMap) mixin to create custom badge sizes for your app. + Badge Sizes have been removed. Use the clay-badge-size($map) mixin to create custom badge sizes for your app.
## Variations diff --git a/clayui.com/content/docs/components/css-cards.md b/clayui.com/content/docs/components/css-cards.md index cd73405678..b5453b50af 100644 --- a/clayui.com/content/docs/components/css-cards.md +++ b/clayui.com/content/docs/components/css-cards.md @@ -33,7 +33,7 @@ description: 'Cards are a specific form of data visualization focused mainly on
- See the implementation of the Cards component in React following the Lexicon Cards Pattern. + See the implementation of the Cards component in React following the Lexicon Cards Pattern.
# Example diff --git a/clayui.com/content/docs/components/css-dropdown.md b/clayui.com/content/docs/components/css-dropdown.md index d88178fb2e..83ea29577f 100644 --- a/clayui.com/content/docs/components/css-dropdown.md +++ b/clayui.com/content/docs/components/css-dropdown.md @@ -38,7 +38,7 @@ description: 'A dropdown menu displays a list of options for the element that tr
- See the implementation of the Dropdown component in React following the Lexicon Dropdown Pattern. + See the implementation of the Dropdown component in React following the Lexicon Dropdown Pattern.
## Variations diff --git a/clayui.com/content/docs/components/css-labels.md b/clayui.com/content/docs/components/css-labels.md index 0e855f3804..57ee329c11 100644 --- a/clayui.com/content/docs/components/css-labels.md +++ b/clayui.com/content/docs/components/css-labels.md @@ -23,7 +23,7 @@ description: 'Labels categorize information, providing quick recognition.'
- See the implementation of the Labels component in React following the Lexicon Labels Pattern. + See the implementation of the Labels component in React following the Lexicon Labels Pattern.
## Colors diff --git a/clayui.com/content/docs/components/css-links.md b/clayui.com/content/docs/components/css-links.md index cb3e6f9ade..215239929b 100644 --- a/clayui.com/content/docs/components/css-links.md +++ b/clayui.com/content/docs/components/css-links.md @@ -26,7 +26,7 @@ description: 'Also known as a hyperlink, a link is a clickable (text or image) e
- See the implementation of the Links component in React following the Lexicon Links Pattern. + See the implementation of the Links component in React following the Lexicon Links Pattern.
diff --git a/clayui.com/content/docs/components/css-list.md b/clayui.com/content/docs/components/css-list.md index 4600dfac20..218e3f7f6f 100644 --- a/clayui.com/content/docs/components/css-list.md +++ b/clayui.com/content/docs/components/css-list.md @@ -301,8 +301,6 @@ Add the class `show-dropdown-action-on-active` to display `dropdown-menu`s when ``` -More examples can be found in dataset template. - ## Variations ### Bordered diff --git a/clayui.com/content/docs/components/css-management-toolbar.md b/clayui.com/content/docs/components/css-management-toolbar.md index 59aca84f1d..9bf4917cf8 100644 --- a/clayui.com/content/docs/components/css-management-toolbar.md +++ b/clayui.com/content/docs/components/css-management-toolbar.md @@ -29,7 +29,7 @@ description: 'Management toolbar is an extension of Toolbar. It is a combination
- Bootstrap 4 doesn't support Dropdown Menu's with Popper.js positioning inside Navbars. They align them manually via CSS classes. See Dropdown Alignment. + Bootstrap 4 doesn't support Dropdown Menu's with Popper.js positioning inside Navbars. They align them manually via CSS classes. See Dropdown Alignment.
## Light diff --git a/clayui.com/content/docs/components/css-modals.md b/clayui.com/content/docs/components/css-modals.md index fbb00628b1..6934c6056f 100644 --- a/clayui.com/content/docs/components/css-modals.md +++ b/clayui.com/content/docs/components/css-modals.md @@ -38,7 +38,7 @@ description: 'A modal is a secondary window that communicates or provides an act
- See the implementation of the Modals component in React following the Lexicon Modals Pattern. + See the implementation of the Modals component in React following the Lexicon Modals Pattern.
## Sizes diff --git a/clayui.com/content/docs/components/css-progress-bars.md b/clayui.com/content/docs/components/css-progress-bars.md index 47cb97c800..f050611fa2 100644 --- a/clayui.com/content/docs/components/css-progress-bars.md +++ b/clayui.com/content/docs/components/css-progress-bars.md @@ -25,7 +25,7 @@ description: 'Progress bar indicates the percentage completed of a task.'
- See the implementation of the Progress Bars component in React following the Lexicon Progress Bars Pattern. + See the implementation of the Progress Bars component in React following the Lexicon Progress Bars Pattern.
## Colors diff --git a/clayui.com/content/docs/components/css-stickers.md b/clayui.com/content/docs/components/css-stickers.md index 971297d13b..e3a748fec0 100644 --- a/clayui.com/content/docs/components/css-stickers.md +++ b/clayui.com/content/docs/components/css-stickers.md @@ -22,7 +22,7 @@ description: 'Stickers are a visual way to quickly identify content.'
- See the implementation of the Stickers component in React following the Lexicon Stickers Pattern. + See the implementation of the Stickers component in React following the Lexicon Stickers Pattern.
## Colors @@ -374,7 +374,7 @@ Add class `sticker-outside` in conjunction with sticker positions to position th - thumbnail + thumbnail @@ -419,7 +419,7 @@ Add class `sticker-outside` in conjunction with sticker positions to position th thumbnail diff --git a/clayui.com/content/docs/components/css-tables.md b/clayui.com/content/docs/components/css-tables.md index fd87982258..6b82f7c8b8 100644 --- a/clayui.com/content/docs/components/css-tables.md +++ b/clayui.com/content/docs/components/css-tables.md @@ -32,7 +32,7 @@ description: 'A table is a specific pattern for comparing datasets in a very dir
- See the implementation of the Tables component in React following the Lexicon Tables Pattern. + See the implementation of the Tables component in React following the Lexicon Tables Pattern.
diff --git a/clayui.com/content/docs/components/icon.mdx b/clayui.com/content/docs/components/icon.mdx index d6fdeff455..724beb2c3c 100644 --- a/clayui.com/content/docs/components/icon.mdx +++ b/clayui.com/content/docs/components/icon.mdx @@ -29,8 +29,6 @@ import icons from '../../../static/js/icons-autogenerated.json'; For Icons, we use SVG elements that link to an SVG sprite. So, it becomes necessary to pass a parameter that points to a path where this [`spritemap`](#api-spritemap) is located. If you are using the spritemap from `@clayui/css` you can download that svg [here](https://github.com/liferay/clay/blob/master/clayui.com/static/images/icons/icons.svg). -- See the complete list of symbols and flags that are offered by Clay's spritemap [here](/docs/components/icons.html) - ### Using Context diff --git a/clayui.com/content/docs/components/navigation/css-application-bar.md b/clayui.com/content/docs/components/navigation/css-application-bar.md index 4787606d0f..03a9a1d59f 100644 --- a/clayui.com/content/docs/components/navigation/css-application-bar.md +++ b/clayui.com/content/docs/components/navigation/css-application-bar.md @@ -16,7 +16,7 @@ description: 'This component is used as the main navigation of Liferay DXP.'
Check the Lexicon Application Bar Pattern for a more in-depth look at the motivations and proper usage of this component.
- Bootstrap 4 doesn't support Dropdown Menu's with Popper.js positioning inside Navbars. They align them manually via CSS classes. See Dropdown Alignment. + Bootstrap 4 doesn't support Dropdown Menu's with Popper.js positioning inside Navbars. They align them manually via CSS classes. See Dropdown Alignment.
## Default diff --git a/clayui.com/content/docs/components/navigation/css-navbar.md b/clayui.com/content/docs/components/navigation/css-navbar.md index 4d854c11fc..fc199f222e 100644 --- a/clayui.com/content/docs/components/navigation/css-navbar.md +++ b/clayui.com/content/docs/components/navigation/css-navbar.md @@ -21,7 +21,7 @@ title: 'Base Navbar'
- Bootstrap 4 doesn't support Dropdown Menu's with Popper.js positioning inside Navbars. They align them manually via CSS classes. See Dropdown Alignment. + Bootstrap 4 doesn't support Dropdown Menu's with Popper.js positioning inside Navbars. They align them manually via CSS classes. See Dropdown Alignment.
## Use Cases diff --git a/clayui.com/content/docs/components/navigation/css-navigation-bar.md b/clayui.com/content/docs/components/navigation/css-navigation-bar.md index 599a57b4d0..fda3dd5ac6 100644 --- a/clayui.com/content/docs/components/navigation/css-navigation-bar.md +++ b/clayui.com/content/docs/components/navigation/css-navigation-bar.md @@ -20,7 +20,7 @@ description: 'A navigation bar, is a horizontal bar that provides several access
- Bootstrap 4 doesn't support Dropdown Menu's with Popper.js positioning inside Navbars. They align them manually via CSS classes. See Dropdown Alignment. + Bootstrap 4 doesn't support Dropdown Menu's with Popper.js positioning inside Navbars. They align them manually via CSS classes. See Dropdown Alignment.
diff --git a/clayui.com/content/docs/get-started/how-to-use-clay.md b/clayui.com/content/docs/get-started/how-to-use-clay.md index 3cb5052ed5..359e7a306a 100644 --- a/clayui.com/content/docs/get-started/how-to-use-clay.md +++ b/clayui.com/content/docs/get-started/how-to-use-clay.md @@ -100,7 +100,7 @@ import ClayDropDown from '@clayui/drop-down'; These packages are installed in the sandbox environment, so feel free to fork the environment if you want to test with other Clay components.
-As you learned from [Clay's compositional philosophy](<(/docs/foundations/composing.html)>), we are using a low-level DropDown component, as its essence is a controlled component and for that you need to control DropDown's expand state. Let's use React's [`useState`](https://reactjs.org/docs/hooks-reference.html#usestate) to control the state. +As you learned from [Clay's compositional philosophy](/docs/foundations/composing.html), we are using a low-level DropDown component, as its essence is a controlled component and for that you need to control DropDown's expand state. Let's use React's [`useState`](https://reactjs.org/docs/hooks-reference.html#usestate) to control the state. ```js const [expand, setExpand] = useState(false);