yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

ui/divider: use css modules

Browse Source
This commit is contained in:
Glen Huang
2025-09-19 22:29:18 +08:00
parent 3bc31b3e3f
commit 3cf979f0ed
2 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
pkgs/clan-app/ui/src/components/Divider/Divider.css → pkgs/clan-app/ui/src/components/Divider/Divider.module.css
View File

5
pkgs/clan-app/ui/src/components/Divider/Divider.tsx
View File

@@ -1,10 +1,9 @@
import "./Divider.css"; import styles from "./Divider.module.css";
import cx from "classnames"; import cx from "classnames";
import { Separator, SeparatorRootProps } from "@kobalte/core/separator"; import { Separator, SeparatorRootProps } from "@kobalte/core/separator";
export interface DividerProps extends Pick<SeparatorRootProps, "orientation"> { export interface DividerProps extends Pick<SeparatorRootProps, "orientation"> {
inverted?: boolean; inverted?: boolean;
class?: string;
} }
export const Divider = (props: DividerProps) => { export const Divider = (props: DividerProps) => {
@@ -12,7 +11,7 @@ export const Divider = (props: DividerProps) => {
return ( return (
<Separator <Separator
class={cx({ inverted: inverted }, props?.class)} class={cx({ [styles.inverted]: inverted })}
orientation={props.orientation} orientation={props.orientation}
/> />
); );