Skip to content

Commit

Permalink
fix: Input docs
Browse files Browse the repository at this point in the history
  • Loading branch information
dev-ABsid committed May 3, 2024
1 parent 421765e commit df85438
Showing 1 changed file with 11 additions and 9 deletions.
20 changes: 11 additions & 9 deletions src/app/components/input/input.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -22,10 +22,11 @@ The Input contain an additional Hooks, see subsection [useInput](/hooks/use-inpu
/>

<Playground
desc="Date input field."
title="Date"
desc="Date & Time input field."
scope={{ Input }}
code={`
<Input.Date placeholder="Uhrzeit angeben" />
<Input.Date />
`}
/>

Expand Down Expand Up @@ -54,21 +55,22 @@ The Input contain an additional Hooks, see subsection [useInput](/hooks/use-inpu
/>

<Playground
title="unwritable"
desc="Disable interactive inputs."
title="Locked"
desc="Non-interactive form fields."
scope={{ Input, Spacer }}
code={`
<>
<Input disabled placeholder="Disabled" />
<Input disabled placeholder="Disabled Input" />
<Spacer h={.5} />
<Input readOnly initialValue="readOnly" />
<Input readOnly initialValue="Read-Only Input" />
</>
`}
/>


<Playground
title="inline label"
desc="Show a short label in the line."
title="Inline label"
desc="Show a short label inline."
scope={{ Input, Spacer }}
code={`
<>
Expand All @@ -80,7 +82,7 @@ The Input contain an additional Hooks, see subsection [useInput](/hooks/use-inpu
/>

<Playground
title="block label"
title="Block label"
desc="Labels for custom styles."
scope={{ Input, Spacer, Text, Code, Dot }}
code={`
Expand Down

0 comments on commit df85438

Please sign in to comment.