Updated table

This commit is contained in:
Patrick Alvin Alcala 2025-10-01 16:20:07 +08:00
parent 2fd63b86c8
commit 327c3b60a4
2 changed files with 37 additions and 7 deletions

View file

@ -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>
</> </>
) )
} }

View 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>
</>
)
}