Skip to content

Commit

Permalink
fix(propstable): 🐛 remove invalid propstable implementation
Browse files Browse the repository at this point in the history
  • Loading branch information
@navin-moorthy
navin-moorthy committed Dec 29, 2021
1 parent 354879b commit ded81d3
Show file tree
Hide file tree
Showing 19 changed files with 9 additions and 927 deletions.
154 changes: 0 additions & 154 deletions components/PropsTable.tsx
View file

This file was deleted.

41 changes: 0 additions & 41 deletions pages/docs/components/feedback/circular-progress.mdx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
import PropsTable from "@/components/PropsTable";
import ComponentLinks from "@/components/ComponentLinks";

# CircularProgress
Expand Down Expand Up @@ -90,43 +89,3 @@ const CustomProgress = () => {

export default CustomProgress;
```

## API Reference

<PropsTable
data={[
{ name: "size", themeKey: "progress.track.size", default: "md" },
{
name: "value",
type: "number",
description: "Sets current progress value",
},
{
name: "min",
type: "number",
description: "Minium value of progress",
},
{
name: "max",
type: "number",
description: "Maximum value of progress",
},
]}
/>

### CircularProgressBar

<PropsTable
data={[
{
name: "trackStyle",
type: "string",
description: "Sets track styles",
},
{
name: "innerTrackStyle",
type: "string",
description: "Sets Inner track styles",
},
]}
/>
24 changes: 0 additions & 24 deletions pages/docs/components/feedback/progress.mdx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
import PropsTable from "@/components/PropsTable";
import ComponentLinks from "@/components/ComponentLinks";

# Progress
Expand Down Expand Up @@ -82,26 +81,3 @@ const CustomProgress = () => {

export default CustomProgress;
```

## API Reference

<PropsTable
data={[
{ name: "size", themeKey: "progress.track.size", default: "md" },
{
name: "value",
type: "number",
description: "Sets current progress value",
},
{
name: "min",
type: "number",
description: "Minium value of progress",
},
{
name: "max",
type: "number",
description: "Maximum value of progress",
},
]}
/>
22 changes: 0 additions & 22 deletions pages/docs/components/feedback/spinner.mdx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
import PropsTable from "@/components/PropsTable";
import ComponentLinks from "@/components/ComponentLinks";

# Spinner
Expand Down Expand Up @@ -42,24 +41,3 @@ accepts `visible` or `transparent` values
```jsx live
<Spinner size="lg" stroke="visible" />
```

## API Reference

<PropsTable
data={[
{ name: "size", themeKey: "spinner.size", default: "md" },
{
name: "stroke",
type: "visible | transparent",
default: "transparent",
description: "Sets the visibility of the stroke",
},
{
name: "label",
type: "string",
default: "Loading...",
description:
"For accessibility, it is important to add a fallback loading text. This text will be visible to screen readers.",
},
]}
/>
28 changes: 1 addition & 27 deletions pages/docs/components/forms/checkbox.mdx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import Callout from "nextra-theme-docs/callout";
import PropsTable from "@/components/PropsTable";

import ComponentLinks from "@/components/ComponentLinks";

# Checkbox
Expand Down Expand Up @@ -160,29 +160,3 @@ const CustomCheckbox = () => {

export default CustomCheckbox;
```

## Integrations

// TBD

## API Reference

### Checkbox

Checkbox composes reakit's checkbox component

<PropsTable
data={[
{ name: "size", themeKey: "checkbox.label.size" },
{
name: "defaultState",
typeSimple: "ReakitCheckboxOptions",
type: 'boolean | "indeterminate" | (string | number)[] | undefined',
},
{
name: "onStateChange",
typeSimple: "Function",
type: "(value: CheckboxStatus) => void",
},
]}
/>
72 changes: 0 additions & 72 deletions pages/docs/components/forms/form-field.mdx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
import PropsTable from "@/components/PropsTable";
import ComponentLinks from "@/components/ComponentLinks";
import Callout from "nextra-theme-docs/callout";

Expand Down Expand Up @@ -202,74 +201,3 @@ This example shows how to integrate renderlesskit Input with react-hook-form
This example shows how to integrate renderlesskit Input with Formik
[Explore on CodeSandbox](https://codesandbox.io/s/renderlesskit-formik-k1k9w)
## API Reference
### FormField
FormField composes [Box](/docs/components/primitives/box)
<PropsTable
data={[
{
name: "id",
type: "string",
description:
"Base id for the FormField which will be cascaded throughout the child component with concatenated unique ids",
},
{
name: "isDisabled",
type: "Boolean",
description: "if `true` Input will be disabled",
},
{
name: "isRequired",
type: "Boolean",
description: "if `true` Input will have required & aria-required",
},
{
name: "isReadOnly",
type: "Boolean",
description: "if `true` Input will have readonly & aria-readonly",
},
{
name: "isInvalid",
type: "Boolean",
description: "if `true` Input will have invalid & aria-invalid",
},
{
name: "children",
typeSimple: "RenderProp",
type: `RenderProp<FormFieldContextProps & { inputProps: ReturnType<typeof useFormControl> }>`,
description: "if `true` Input will be invalid",
},
]} />
### useFormControl
<PropsTable
data={[
{
name: "isDisabled | disabled",
type: "Boolean",
description: "if `true` Input will be disabled",
},
{
name: "isRequired | required",
type: "Boolean",
description: "if `true` Input will have required & aria-required",
},
{
name: "isReadOnly | readOnly",
type: "Boolean",
description: "if `true` Input will have readonly & aria-readonly",
},
{
name: "isInvalid | invalid",
type: "Boolean",
description: "if `true` Input will have invalid & aria-invalid",
},
]}
/>
Loading

1 comment on commit ded81d3

@vercel
Copy link

@vercel vercel bot commented on ded81d3 Dec 29, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

Please sign in to comment.