Updated table
This commit is contained in:
parent
2fd63b86c8
commit
327c3b60a4
2 changed files with 37 additions and 7 deletions
|
|
@ -1,5 +1,4 @@
|
||||||
import './Table.sass'
|
import './Table.sass'
|
||||||
import { Modal } from '../../components'
|
|
||||||
import { createSignal } from 'solid-js'
|
import { createSignal } from 'solid-js'
|
||||||
import { ofetch } from 'ofetch'
|
import { ofetch } from 'ofetch'
|
||||||
// import { Button } from '../../components'
|
// import { Button } from '../../components'
|
||||||
|
|
@ -78,12 +77,6 @@ export default () => {
|
||||||
</tr> */}
|
</tr> */}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<div id="modal" style="display: none">
|
|
||||||
<Modal background="rgba(0,0,0,0.5)">
|
|
||||||
<h1>SAMPLE</h1>
|
|
||||||
</Modal>
|
|
||||||
</div>
|
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
37
src/components/Tabs/Tabs.tsx
Normal file
37
src/components/Tabs/Tabs.tsx
Normal file
|
|
@ -0,0 +1,37 @@
|
||||||
|
import { Tabs } from '@kobalte/core/tabs'
|
||||||
|
|
||||||
|
export default () => {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Tabs aria-label="Main navigation" class="tabs">
|
||||||
|
<Tabs.List class="tabs__list">
|
||||||
|
<Tabs.Trigger class="tabs__trigger" value="profile">
|
||||||
|
Profile
|
||||||
|
</Tabs.Trigger>
|
||||||
|
<Tabs.Trigger class="tabs__trigger" value="dashboard">
|
||||||
|
Dashboard
|
||||||
|
</Tabs.Trigger>
|
||||||
|
<Tabs.Trigger class="tabs__trigger" value="settings">
|
||||||
|
Settings
|
||||||
|
</Tabs.Trigger>
|
||||||
|
<Tabs.Trigger class="tabs__trigger" value="contact">
|
||||||
|
Contact
|
||||||
|
</Tabs.Trigger>
|
||||||
|
<Tabs.Indicator class="tabs__indicator" />
|
||||||
|
</Tabs.List>
|
||||||
|
<Tabs.Content class="tabs__content" value="profile">
|
||||||
|
Profile details
|
||||||
|
</Tabs.Content>
|
||||||
|
<Tabs.Content class="tabs__content" value="dashboard">
|
||||||
|
Dashboard details
|
||||||
|
</Tabs.Content>
|
||||||
|
<Tabs.Content class="tabs__content" value="settings">
|
||||||
|
Settings details
|
||||||
|
</Tabs.Content>
|
||||||
|
<Tabs.Content class="tabs__content" value="contact">
|
||||||
|
Contact details
|
||||||
|
</Tabs.Content>
|
||||||
|
</Tabs>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue