Skip to content

Commit

Permalink
Merge pull request #3275 from kresimir-coko/3228
Browse files Browse the repository at this point in the history
fix(clayui.com): Fix links that pointed to APITable but didn't work
  • Loading branch information
bryceosterhaus authored Jun 1, 2020
2 parents 44ca5b5 + 035d912 commit 64993d4
Show file tree
Hide file tree
Showing 3 changed files with 9 additions and 9 deletions.
2 changes: 1 addition & 1 deletion clayui.com/plugins/gatsby-remark-api-table/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ const path = require('path');
const reactDocs = require('react-docgen');
const visit = require('unist-util-visit');

const generateTr = (item, key) => `<tr>
const generateTr = (item, key) => `<tr id="api-${key}">
<td>
<div class="table-title">
${key}
Expand Down
8 changes: 4 additions & 4 deletions packages/clay-button/README.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -26,19 +26,19 @@ import {

## Display Types

You can determine how your button can be displayed using [`displayType`](#api-displayType) property:
You can determine how your button can be displayed using the [`displayType`](#api-displayType) property:

Use [`unstyled`](#api-unstyled) to reset all the stylings from Bootstrap 4.
Set `displayType` to `unstyled` to reset all the stylings from Bootstrap 4.

If you want use the button as a link use [`link`](#api-link).
If you want use the button as a link set `displayType` to `link`.

<ButtonDisplayTypes />

## Group

You can use the variant `ClayButton.Group` for creating button groups:

Use [`spaced`](#api-spaced) property to create spacing between buttons.
Use the [`spaced`](#api-spaced) property to create spacing between buttons.

<ButtonGroup />

Expand Down
8 changes: 4 additions & 4 deletions packages/clay-date-picker/README.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ The component is treated as controlled, use the [`onValueChange`](#api-onValueCh
<div class="clay-site-alert alert alert-warning">
<strong class="lead">Warning</strong>
You can set a range of years using the API <code class="language-text">
years
<a href="#api-years">years</a>
</code>, which can be displayed in the Date Picker, if the user enters a year
that is not within the range will be treated as an invalid date.
</div>
Expand All @@ -50,18 +50,18 @@ The component is treated as controlled, use the [`onValueChange`](#api-onValueCh

## Time

The ClayTimePicker by default is already implemented in the Date Picker, you can enable it using the [`time`](#api-time) API. To provide a context for the timezone user, use the `timezone` API for this.
The ClayTimePicker by default is already implemented in the Date Picker, you can enable it using the [`time`](#api-time) API. To provide a context for the timezone user, use the [`timezone`](#api-timezone) API for this.

<DatePickerWithTime />

## Internationalization

To set internationalization of the component, you need to configure the props according to the language. Date Picker offers low level APIs to configure [`firstDayOfWeek`](#api-firstDayOfWeek), [`weekdaysShort`](#api-weekdaysShort), [`months`](#api-months), [`timeFormat`](#api-timeFormat), [`timezone`](#api-timezone) and [`dateFormat`](#api-dateFormat), you can follow the example below to set up a Date Picker for Russian.
To set internationalization of the component, you need to configure the props according to the language. Date Picker offers low level APIs to configure [`firstDayOfWeek`](#api-firstDayOfWeek), [`weekdaysShort`](#api-weekdaysShort), [`months`](#api-months), [`timezone`](#api-timezone) and [`dateFormat`](#api-dateFormat), you can follow the example below to set up a Date Picker for Russian.

<DatePickerLocale />

- [`firstDayOfWeek`](#api-firstDayOfWeek) by default the value by default the value is 0 (Sunday) and its values ​​are the days of the week, 1 (Monday), 2 (Tuesday), 3 (Wednesday), 4 (Thursday), 5 (Friday), 6 (Saturday).
- [`dateFormat`](#api-dateFormat) and [`timeFormat`](#api-timeFormat) is defined according to the **formatting rules of [Moment.js](https://momentjs.com/docs/#/parsing/string-format/)**.
- [`dateFormat`](#api-dateFormat) and `timeFormat` is defined according to the **formatting rules of [Moment.js](https://momentjs.com/docs/#/parsing/string-format/)**.
- [`months`](#api-months) is an `Array<string>` with available months **starting January to December**.
- [`weekdaysShort`](#api-weekdaysShort) is an `Array<string>` with the **names of the days of the week in short form**, starting from **Sunday to Saturday**.

Expand Down

0 comments on commit 64993d4

Please sign in to comment.