Skip to content

Commit

Permalink
docs: replace className in jsx instead of class.
Browse files Browse the repository at this point in the history
  • Loading branch information
@riccox
riccox committed Mar 5, 2023
1 parent 92c9543 commit c5e9912
Show file tree
Hide file tree
Showing 8 changed files with 188 additions and 188 deletions.
84 changes: 42 additions & 42 deletions apps/website/pages/docs/components/accordion.en.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,26 +5,26 @@ import { CodeDemo } from '../../../components/demo/code';
### Default

<CodeDemo>
<div class="accordion-group danger">
<div class="accordion">
<input class="toggle" id="accordion-color-danger-1" type="checkbox" />
<label class="title" for="accordion-color-danger-1">
<div className="accordion-group danger">
<div className="accordion">
<input className="toggle" id="accordion-color-danger-1" type="checkbox" />
<label className="title" for="accordion-color-danger-1">
Toggle Accordion 1
</label>
<div class="content">
<div class="min-h-0">
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quod
</div>
</div>
</div>
<div class="accordion">
<input class="toggle" id="accordion-color-danger-2" type="checkbox" />
<label class="title" for="accordion-color-danger-2">
<div className="accordion">
<input className="toggle" id="accordion-color-danger-2" type="checkbox" />
<label className="title" for="accordion-color-danger-2">
Toggle Accordion 2
</label>
<div class="content">
<div class="min-h-0">
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quo
</div>
Expand All @@ -36,26 +36,26 @@ import { CodeDemo } from '../../../components/demo/code';
### Bordered

<CodeDemo>
<div class="accordion-group bordered bw">
<div class="accordion">
<input class="toggle" id="accordion-bordered-bw-1" type="checkbox" />
<label class="title" for="accordion-bordered-bw-1">
<div className="accordion-group bordered bw">
<div className="accordion">
<input className="toggle" id="accordion-bordered-bw-1" type="checkbox" />
<label className="title" for="accordion-bordered-bw-1">
Toggle Accordion 1
</label>
<div class="content">
<div class="min-h-0">
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quod
</div>
</div>
</div>
<div class="accordion">
<input class="toggle" id="accordion-bordered-bw-2" type="checkbox" />
<label class="title" for="accordion-bordered-bw-2">
<div className="accordion">
<input className="toggle" id="accordion-bordered-bw-2" type="checkbox" />
<label className="title" for="accordion-bordered-bw-2">
Toggle Accordion 2
</label>
<div class="content">
<div class="min-h-0">
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quo
</div>
Expand All @@ -67,20 +67,20 @@ import { CodeDemo } from '../../../components/demo/code';
### Focusable

<CodeDemo>
<div class="accordion-group bw">
<div class="accordion" tabindex="0">
<label class="title">Toggle Accordion 1</label>
<div class="content">
<div class="min-h-0">
<div className="accordion-group bw">
<div className="accordion" tabindex="0">
<label className="title">Toggle Accordion 1</label>
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quod
</div>
</div>
</div>
<div class="accordion" tabindex="0">
<label class="title">Toggle Accordion 2</label>
<div class="content">
<div class="min-h-0">
<div className="accordion" tabindex="0">
<label className="title">Toggle Accordion 2</label>
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quo
</div>
Expand All @@ -92,26 +92,26 @@ import { CodeDemo } from '../../../components/demo/code';
### Force open

<CodeDemo>
<div class="accordion-group bw">
<div class="accordion open">
<input class="toggle" id="accordion-fo-bw-1" type="checkbox" />
<label class="title" for="accordion-fo-bw-1">
<div className="accordion-group bw">
<div className="accordion open">
<input className="toggle" id="accordion-fo-bw-1" type="checkbox" />
<label className="title" for="accordion-fo-bw-1">
Toggle Accordion 1
</label>
<div class="content">
<div class="min-h-0">
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quod
</div>
</div>
</div>
<div class="accordion">
<input class="toggle" id="accordion-fo-bw-2" type="checkbox" />
<label class="title" for="accordion-fo-bw-2">
<div className="accordion">
<input className="toggle" id="accordion-fo-bw-2" type="checkbox" />
<label className="title" for="accordion-fo-bw-2">
Toggle Accordion 2
</label>
<div class="content">
<div class="min-h-0">
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quo
</div>
Expand Down
84 changes: 42 additions & 42 deletions apps/website/pages/docs/components/accordion.zh.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,26 +5,26 @@ import { CodeDemo } from '../../../components/demo/code';
### 默认

<CodeDemo>
<div class="accordion-group danger">
<div class="accordion">
<input class="toggle" id="accordion-color-danger-1" type="checkbox" />
<label class="title" for="accordion-color-danger-1">
<div className="accordion-group danger">
<div className="accordion">
<input className="toggle" id="accordion-color-danger-1" type="checkbox" />
<label className="title" for="accordion-color-danger-1">
Toggle Accordion 1
</label>
<div class="content">
<div class="min-h-0">
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quod
</div>
</div>
</div>
<div class="accordion">
<input class="toggle" id="accordion-color-danger-2" type="checkbox" />
<label class="title" for="accordion-color-danger-2">
<div className="accordion">
<input className="toggle" id="accordion-color-danger-2" type="checkbox" />
<label className="title" for="accordion-color-danger-2">
Toggle Accordion 2
</label>
<div class="content">
<div class="min-h-0">
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quo
</div>
Expand All @@ -36,26 +36,26 @@ import { CodeDemo } from '../../../components/demo/code';
### Bordered 带有边框样式

<CodeDemo>
<div class="accordion-group bordered bw">
<div class="accordion">
<input class="toggle" id="accordion-bordered-bw-1" type="checkbox" />
<label class="title" for="accordion-bordered-bw-1">
<div className="accordion-group bordered bw">
<div className="accordion">
<input className="toggle" id="accordion-bordered-bw-1" type="checkbox" />
<label className="title" for="accordion-bordered-bw-1">
Toggle Accordion 1
</label>
<div class="content">
<div class="min-h-0">
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quod
</div>
</div>
</div>
<div class="accordion">
<input class="toggle" id="accordion-bordered-bw-2" type="checkbox" />
<label class="title" for="accordion-bordered-bw-2">
<div className="accordion">
<input className="toggle" id="accordion-bordered-bw-2" type="checkbox" />
<label className="title" for="accordion-bordered-bw-2">
Toggle Accordion 2
</label>
<div class="content">
<div class="min-h-0">
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quo
</div>
Expand All @@ -67,20 +67,20 @@ import { CodeDemo } from '../../../components/demo/code';
### Focusable 专注

<CodeDemo>
<div class="accordion-group bw">
<div class="accordion" tabindex="0">
<label class="title">Toggle Accordion 1</label>
<div class="content">
<div class="min-h-0">
<div className="accordion-group bw">
<div className="accordion" tabindex="0">
<label className="title">Toggle Accordion 1</label>
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quod
</div>
</div>
</div>
<div class="accordion" tabindex="0">
<label class="title">Toggle Accordion 2</label>
<div class="content">
<div class="min-h-0">
<div className="accordion" tabindex="0">
<label className="title">Toggle Accordion 2</label>
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quo
</div>
Expand All @@ -92,26 +92,26 @@ import { CodeDemo } from '../../../components/demo/code';
### Force open 强制打开

<CodeDemo>
<div class="accordion-group bw">
<div class="accordion open">
<input class="toggle" id="accordion-fo-bw-1" type="checkbox" />
<label class="title" for="accordion-fo-bw-1">
<div className="accordion-group bw">
<div className="accordion open">
<input className="toggle" id="accordion-fo-bw-1" type="checkbox" />
<label className="title" for="accordion-fo-bw-1">
Toggle Accordion 1
</label>
<div class="content">
<div class="min-h-0">
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quod
</div>
</div>
</div>
<div class="accordion">
<input class="toggle" id="accordion-fo-bw-2" type="checkbox" />
<label class="title" for="accordion-fo-bw-2">
<div className="accordion">
<input className="toggle" id="accordion-fo-bw-2" type="checkbox" />
<label className="title" for="accordion-fo-bw-2">
Toggle Accordion 2
</label>
<div class="content">
<div class="min-h-0">
<div className="content">
<div className="min-h-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla necessitatibus iusto laborum autem placeat
aspernatur inventore eius deleniti reprehenderit? Numquam commodi totam mollitia quo
</div>
Expand Down
8 changes: 4 additions & 4 deletions apps/website/pages/docs/components/link.en.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,10 @@ Link colors.
<CodeDemo>
<div className="flex flex-wrap gap-4">
<a className="link">link</a>
<a class="link text-bw-500">link with bw</a>
<a class="link text-success-500">link with success</a>
<a class="link text-warn-500">link with warn</a>
<a class="link text-danger-500">link with danger</a>
<a className="link text-bw-500">link with bw</a>
<a className="link text-success-500">link with success</a>
<a className="link text-warn-500">link with warn</a>
<a className="link text-danger-500">link with danger</a>
</div>
</CodeDemo>

Expand Down
8 changes: 4 additions & 4 deletions apps/website/pages/docs/components/link.zh.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,10 @@ import { CodeDemo } from '../../../components/demo/code';
<CodeDemo>
<div className="flex flex-wrap gap-4">
<a className="link">link</a>
<a class="link text-bw-500">link with bw</a>
<a class="link text-success-500">link with success</a>
<a class="link text-warn-500">link with warn</a>
<a class="link text-danger-500">link with danger</a>
<a className="link text-bw-500">link with bw</a>
<a className="link text-success-500">link with success</a>
<a className="link text-warn-500">link with warn</a>
<a className="link text-danger-500">link with danger</a>
</div>
</CodeDemo>

Expand Down
12 changes: 6 additions & 6 deletions apps/website/pages/docs/components/overview.en.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -274,20 +274,20 @@ import { ComponentOverviewCard } from '../../../components/ComponentOverview';
href={'steps'}
component={
<>
<div class="steps danger top">
<div class="step active" data-content="✓">
<div className="steps danger top">
<div className="step active" data-content="✓">
Checked
</div>
<div class="step active" data-content="">
<div className="step active" data-content="">
Empty
</div>
<div class="step" data-content="★">
<div className="step" data-content="★">
Star
</div>
<div class="step" data-content="●">
<div className="step" data-content="●">
circle
</div>
<div class="step" data-content="💪">
<div className="step" data-content="💪">
emoji
</div>
</div>
Expand Down
12 changes: 6 additions & 6 deletions apps/website/pages/docs/components/overview.zh.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -274,20 +274,20 @@ import { ComponentOverviewCard } from '../../../components/ComponentOverview';
href={'steps'}
component={
<>
<div class="steps danger top">
<div class="step active" data-content="✓">
<div className="steps danger top">
<div className="step active" data-content="✓">
Checked
</div>
<div class="step active" data-content="">
<div className="step active" data-content="">
Empty
</div>
<div class="step" data-content="★">
<div className="step" data-content="★">
Star
</div>
<div class="step" data-content="●">
<div className="step" data-content="●">
circle
</div>
<div class="step" data-content="💪">
<div className="step" data-content="💪">
emoji
</div>
</div>
Expand Down
Loading

0 comments on commit c5e9912

Please sign in to comment.