feat(screener): ModeToggle segment control component
This commit is contained in:
26
src/pages/stock/screener/components/ModeToggle.jsx
Normal file
26
src/pages/stock/screener/components/ModeToggle.jsx
Normal file
@@ -0,0 +1,26 @@
|
||||
import React from 'react';
|
||||
|
||||
export default function ModeToggle({ value, onChange }) {
|
||||
return (
|
||||
<div className="screener-mode-toggle" role="tablist" aria-label="화면 모드">
|
||||
<button
|
||||
type="button"
|
||||
role="tab"
|
||||
aria-selected={value === 'form'}
|
||||
className={value === 'form' ? 'active' : ''}
|
||||
onClick={() => onChange('form')}
|
||||
>
|
||||
폼
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
role="tab"
|
||||
aria-selected={value === 'canvas'}
|
||||
className={value === 'canvas' ? 'active' : ''}
|
||||
onClick={() => onChange('canvas')}
|
||||
>
|
||||
캔버스
|
||||
</button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user